
The digest of fresh materials from the world of the front-end for the last week No. 369 (June 10 - 16, 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” # 180 : Chrome and Safari, TC39, third-party resources, subgrids and accessibility
•
Podcast “Make me beautiful”, Issue No. 19 : away Andrey Chizh - Details about GraphQL, a little about the full stack and the death of ad blockers ; Issue No. 20 : Away Andrei Sitnik - Birth of a supervillain, censorship and why mitaps are better than conferences
•
Podcast “Devshahta-podcast” # 84 : Roman Dvornov on team lead and Signor
•
Podcast “Frontend Weekend” # 93 : Natalia Korotkova on how to move to London and find a job as a developer on site
•
CSSSR podcast # 93: News 512 - Windows terminal, testing and CD, evolution of Firefox and Beeline against Mail.ru
•
Frontend Youth (18+) podcast: VDSina will host npm
•
“Frontreview” # 13 : Tips for interviewing an IT company
•
“ Repozitorro ”# 17 : A very creative portfolio, but there is a nuance ...
•
“ proConf ”# 16 : React Amsterdam 2019 | Where React is going | Why it slows down React Native
•
# s3e3 ALL YOUR HTML , Page transitions with Highway.js and WebGL
•
JSConf Hawaii 2019 , 9 videos
•
JSConf EU 2019 , 17 videos
• 10 tips on how to increase the speed of loading pages
• Tools for effective web development process
•
Technological trends in web development 2019
•
Introducing a new element HTML - meet!
•
Interactive animation in HTML letters
•
When should you use Web Workers?
•
7 Absolute Truths I've Revisited Since I was a Junior Developer
• Do you need preprocessors in 2019
• CSS thinking style
• Animated CSS flex guide
•
Results of the annual survey “The State of CSS 2019”
•
Stylization in modern web applications
•
Line break in terminal style using CSS Text
•
Dangers of functional CSS
•
Why most developers are afraid of CSS
•
Animation of CSS Grid Rows and Columns
•
every-layout.dev - Learn to build CSS layouts
•
Drawing realistic clouds using SVG and CSS
•
Dimensions of the DOM element and CSS transformation
•
Making tables responsive with a little CSS
•
A story about why I still use jQuery
• A
protocol for communicating between the iframe and the main browser window
•
MAM: assembling the frontend without pain
•
List of (advanced) questions in JavaScript
•
Everything you need to know about the date in JavaScript
•
Web Audio for Electric Guitar: How to Connect an Instrument
• Opera has developed the world's first “gaming browser” Opera GX with a distinctive design, control over the load on the processor and memory and other game functions
• Opera, Brave and Vivaldi will not fight ad blockers when Chromium is updated
• New Firefox and related logos are introduced with it services
• the Mozilla Firefox wants to introduce in the paid subscription service for access to "premium" features, but the browser will remain free himself
• The beta version of Google Chrome 76 complicates the use of Flash and facilitates bypassing the paywall
• the Microsoft does not give up Internet Explorer in Windows 10 In Firefox 68 will be the new Add-ons Manager •
In the next version of Chrome, the Install icon will automatically appear in the address bar if the site meets the PWA criteria
•
Microsoft Edge developers held a Reddit AMA session
• NYTimes read 150 user agreements. The conclusions are disappointing
• A new technique for covert identification of the system and browser has been introduced
• The GIF graphic format is 32 years old. Look at the first “GIF”
• The strangest sections of Reddit according to Reddit users
• Google has released a free Game Builder video game that allows you to create 3D games in the Minecraft style without the slightest idea of a game dave
• Apple and Microsoft have jointly developed a new iCloud application for Windows 10
• Ethics of AI: how to relate to the thinking and feeling robots?
← Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•

•

•

•

•

•

•

•

•

•


•


•


Web development
• 10 tips on how to increase the speed of loading pages
• Tools for effective web development process
•

•

•

•

•

- Accessibility:
•Anatomy of accessible forms: required form fields
•Patterns and strategies for accessible web applications
- API:
• Google justified the restriction of the webRequest API used by ad blockers
•Fullscreen API: How to switch to full-screen mode on iPad Safari
•The Layout Instability API . Detecting unexpected layout changes in JavaScript.
•MediaStream API
CSS
• Do you need preprocessors in 2019
• CSS thinking style
• Animated CSS flex guide
•

•

•

•

•

•

•

•

•

•

Javascript
•

• A

•

•

•

•

- Theory:
•What is written in this? Behind the scenes of JavaScript objects
•Mutate or mutate, that’s the question
• Reduceanti-pattern ({... spread})
React:
•Using Typescript with React - a guide for beginners
•Deep immersion in Redux
•Announcement of styled-components v5: Beast mode , which includes many performance improvements
•Using Cypress to write tests for React applications
•Learn React hooks by writing your first hook
Angular:
•Как использовать JQuery с Angular (когда вам абсолютно необходимо)
•Изучение Angular & RxJS: Таймер обратного отсчета
•Все, что вам нужно знать о Ivy, новом движке Angular
•Несколько Angular приложений на одной странице
•Углубленный взгляд на ng template в Angular
•Руководство по дифференциальной загрузке в Angular 8
VueJS:
• Тестирование Vue с Jest
•Vue 3.0: чего следует ожидать исходя из сообщений от Evan You & Chris Fritz
•Что нового в Nuxt JS 2.8.0
- Ember:
•Ember в 2019 году: избавляемся от «мы и они»
•Улучшение вашего DX на Ember, часть 1: Быстрые победы
•#EmberJS2019: Мой список пожеланий
•Руководство по тестированию Ember.js, которое я сделал для себя
•Статические типы в EmberJs?
- Libs & Plugins:
•Pinker.js — js-библиотека для рендера диаграмм code/class
•Javascript Library Boilerplate Basic — минимальный стартовый пакет для вашего проекта на Javascript
•Macro Decorators — утилитарные макросы и обёртки для создания собственных декораторов (для любого фреймворка)
•fuzzyjs — алгоритм с нечёткой логикой поиска в js
•Полифил для Resize Observer
Браузеры
• Opera has developed the world's first “gaming browser” Opera GX with a distinctive design, control over the load on the processor and memory and other game functions
• Opera, Brave and Vivaldi will not fight ad blockers when Chromium is updated
• New Firefox and related logos are introduced with it services
• the Mozilla Firefox wants to introduce in the paid subscription service for access to "premium" features, but the browser will remain free himself
• The beta version of Google Chrome 76 complicates the use of Flash and facilitates bypassing the paywall
• the Microsoft does not give up Internet Explorer in Windows 10 In Firefox 68 will be the new Add-ons Manager •

•

Entertaining
• NYTimes read 150 user agreements. The conclusions are disappointing
• A new technique for covert identification of the system and browser has been introduced
• The GIF graphic format is 32 years old. Look at the first “GIF”
• The strangest sections of Reddit according to Reddit users
• Google has released a free Game Builder video game that allows you to create 3D games in the Minecraft style without the slightest idea of a game dave
• Apple and Microsoft have jointly developed a new iCloud application for Windows 10
• Ethics of AI: how to relate to the thinking and feeling robots?
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.
← Digest last week
Material prepared dersmoll and alekskorovin