The digest of fresh materials from the world of the front-end for the last week No. 371 (June 24 - 30, 2019)
We bring to your attention a selection with links to new materials from the frontend area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Podcast "Web Standards" , Issue No. 182. Node.js, npm and JetBrains, service workers and WASM, JS price, modern CSS, accessibility
•
Podcast “Web Standards” , Issue No. 181. Panda Meetup, Chrome 76, a11y, toast, preprocessors and jQuery
• Frontend Weekend podcast # 94 - Denis Mishunov about why you should leave for Norway and work remotely in GitLab
• CSSSR podcast, News 512 : Vue 3 RFC updated , more about microservices, the new Redux killer and interesting publications
•
Podcast “Frontend Youth (18+)” # 97: Architecture you did not deserve
•
“Repozitorro” # 20 - Portfolio on the contrary ...
•
WSD in Moscow 2019 , 8 videos
•
Amsterdam JSNation 2019 , 15 videos
•
syntax.fm podcast No. 154: SVGs with Sara Soueidan
•
How to set up web analytics to AMP pages
•
Getting Started with Web performance? That's what you need to focus on.
•
Creating PWA using Webpack and Workbox
•
Spam Detection API
•
Simulating relative positioning of nested SVG inside SVG
•
HTML can do that? . A selection of demos demonstrating the power of pure HTML
•
10 PostCSS plugins that will save time for your layout designer
• 18 CSS tips that will make your developer’s life easier
•
Three predictions from the State of CSS 2019 Survey
•
A complete guide on centering with Flexbox
•
a11y-css-reset
•
Scheduling a conference on CSS Grid
•
Drag-n-drop sticky, without JS!
•
Variable fonts for developers
•
We think of BEM as a philosophy of the user interface instead of naming CSS classes
•
The cost of JavaScript in 2019 by Addy Osmani
•
RxJS: a simple introduction
•
Instant search in vanilla JavaScript
• Password generator is tested in Firefox Nightly
• Mozilla’s Track THIS tool allows you to fool advertising algorithms
• Three modes of blocking tracking scripts will appear in Microsoft Edge
• A new implementation of the address bar will be offered in Firefox 68
• The first release of the new Firefox Preview browser for Android
• The most important skill a programmer can learn
• Google users can now limit the time they store activity data (history of locations, applications and web searches) on the company's servers
• Windows Terminal - setup basics and first impressions
• “The development of the Kotlin language was much more expensive than our average product ": an interview with the head of JetBrains
• Why should include the development of prototyping
• Facebook, the Google and other IT-companies together will create a common set of tests for AI
• Trump verbally authorized the uS compan pits to work with Huawei
Last week's digest .
Material prepared dersmoll and alekskorovin .

Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Podcast "Web Standards" , Issue No. 182. Node.js, npm and JetBrains, service workers and WASM, JS price, modern CSS, accessibility •
Podcast “Web Standards” , Issue No. 181. Panda Meetup, Chrome 76, a11y, toast, preprocessors and jQuery • Frontend Weekend podcast # 94 - Denis Mishunov about why you should leave for Norway and work remotely in GitLab
• CSSSR podcast, News 512 : Vue 3 RFC updated , more about microservices, the new Redux killer and interesting publications
•
Podcast “Frontend Youth (18+)” # 97: Architecture you did not deserve •
“Repozitorro” # 20 - Portfolio on the contrary ... •

WSD in Moscow 2019 , 8 videos •

Amsterdam JSNation 2019 , 15 videos •

syntax.fm podcast No. 154: SVGs with Sara Soueidan
Web development
•
How to set up web analytics to AMP pages•
Getting Started with Web performance? That's what you need to focus on. •
Creating PWA using Webpack and Workbox•
Spam Detection API•
Simulating relative positioning of nested SVG inside SVG•
HTML can do that? . A selection of demos demonstrating the power of pure HTML- Accessibility:
•
How accessibility trees inform assistive technologies
•
Report on lawsuits related to web accessibility (ADA Compliance) for the first half of the year. (Spoiler: a new lawsuit every hour)
•
What is accessibility for web applications and why does it bother me?
- Spectacular web:
•
How to properly make related scroll animation
•
An interactive site for learning the basics of synthetic music . Powered by Web Audio, WebAssembly and WebGL using three.js, Tone.js, anime.js and React with TypeScript
•
useAnimations: animated icons using the Lottie and After Effects framework for use in applications and websites
CSS
•
10 PostCSS plugins that will save time for your layout designer• 18 CSS tips that will make your developer’s life easier
•
Three predictions from the State of CSS 2019 Survey•
A complete guide on centering with Flexbox•
a11y-css-reset•
Scheduling a conference on CSS Grid•
Drag-n-drop sticky, without JS! •
Variable fonts for developers•
We think of BEM as a philosophy of the user interface instead of naming CSS classes
Javascript
•
The cost of JavaScript in 2019 by Addy Osmani •
RxJS: a simple introduction•
Instant search in vanilla JavaScript- Theory:
•
Functional JavaScript: five ways to find the arithmetic mean of array elements and the .reduce () method
• 5 ES2019 functions that you can use today
• How to configure globalThis polyfill in universal JavaScript
• Understanding Async / Await in JavaScript using examples
• JavaScript collections - Set, Map, WeakMap and WeakSet
- Mongo / Node:
•
Design patterns in Node.js: a practical guide
•
New ECMAScript module is supported in Node.js 12
•
Firebase or MongoDB: which database to use for application development
VueJS:
• Using middleware in Vue
•
Why do people get angry with Vue 3
•
Beginner's guide to the Vue CLI
•
When does the attribute: key by Vue really need and why?
•
How to get started with Vuetify
React:
•
Разработка приложения для потокового вещания с помощью Node.js и React
•
Знакомство с useReducer React Hook
•
Миф о недоступности React
•
Десять заповедей React компонентов
•
Добавление WebAssembly компонента в React приложение
•
Продвинутые концепты React хуков пояснённые на примере игры Змейка
•
Next.js или Create React App: какие приложения более производительны?
Angular:
•
Состояние Angular в 2019-м
•
Понимание магии, которая стоит за элементами Angular
•
Создание музыкального проигрывателя с использованием Kendo UI и Angular
•
Что я узнал за 3 года разработки в Angular 2+
- Ember:
•
Начало работы с Glimmer-Native
•
Ember.js Seattle Meetup с Yehuda Katz
•
Пожелания для роадмапа Ember 2019
- Libs & Plugins:
•
10 лучших JavaScript библиотек для визуализации данных на графиках и диаграммах
•
freezeframe.js — библиотека, которая приостанавливает анимированные .gifs, запуская анимацию при наведении мыши / клику / тачу
•
TWGL: небольшая вспомогательная библиотека для WebGL
•
pixelmatch: небольшая, простая и быстрая JS библиотека для попиксельного сравнения изображений
•
svelte-adapter: использование Svelte компонентов с Vue и React
Браузеры
• Password generator is tested in Firefox Nightly
• Mozilla’s Track THIS tool allows you to fool advertising algorithms
• Three modes of blocking tracking scripts will appear in Microsoft Edge
• A new implementation of the address bar will be offered in Firefox 68
• The first release of the new Firefox Preview browser for Android
Entertaining
• The most important skill a programmer can learn
• Google users can now limit the time they store activity data (history of locations, applications and web searches) on the company's servers
• Windows Terminal - setup basics and first impressions
• “The development of the Kotlin language was much more expensive than our average product ": an interview with the head of JetBrains
• Why should include the development of prototyping
• Facebook, the Google and other IT-companies together will create a common set of tests for AI
• Trump verbally authorized the uS compan pits to work with Huawei
We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
Last week's digest .
Material prepared dersmoll and alekskorovin .