
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
•

•

• 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
•

•

•


•


•


Web development
•

•

•

•

•

•

- 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
•

• 18 CSS tips that will make your developer’s life easier
•

•

•

•

•

•

•

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 .