
The digest of fresh materials from the world of the front-end for the last week No. 310 (April 9 - 15, 2018)
We bring to your attention a selection with links to new materials from the frontend area and around it.
By the way, the other day the digest turned 6 years old. Thank you for still reading.
Media | Web Development | CSS | Javascript | Entertaining
•
Podcast "Web Standards", Issue No. 116: CSS and accessibility tree, development according to TDD, everyone is unhappy with W3C, why are service workers, grids and a new design.
•
Podcast “Pro WEB IT” No. 2 - Audio sketches of past weekdays
•
Podcast “5 minutes of React” # 21 - Bitbucket Pipelines
•
Podcast “devschacht”: Night frontend # 30: DUMP 2018
•
Podcast “Frontend Youth (18+)” # 44 How to choose a washing machine
•
“ALL YOUR HTML” # 44: “Waves and refraction effects on the vertex fragment shaders”
•
8 reports from CSSConf AU 2018 in Melbourne, Australia
•
Confrontation between W3C and WHATWG: Apple, Google, Microsoft, Mozilla object to DOM 4.1
•
Generation of site pages using service workers
• Front-End 2018 Developer's Guide
•
Status of web animation: Part 1 , Part 2
•
Scroll to the future: Everything you wanted to know about scrolling on the web, but were afraid to ask
• Blend modes + grids = love
•
How CSS works: parsing and rendering CSS in a critical rendering path
•
Another collection of interesting facts about CSS Grid
•
feature-queries-manager - extension for DevTools that makes debugging easier supports Feature Query
•
How I stopped using Bootstrap layout thanks to CSS Grid
•
Epic Spinners - a library of CSS preloaders. Easy to use and integrates with VueJS
•
Web development ninja: over 30 killer CSS puns
•
About the main reason for the existence of modern JS frameworks
•
Operating system in JavaScript? JsOS
•
Fitbit's JerryScript: JavaScript breaks into the Internet of Things
•
Top VSCode extensions to improve JavaScript performance
•
The first chapter of Jeremy Keith's book “Going Offline”
•
Simple swipe using vanilla JavaScript
•
How I stopped worrying and learned to love the JavaScript ecosystem
•
All about arrays in JavaScript in one article
•
Documenting JavaScript projects
•
SEO optimization of the article: up-to-date plan
• Spelling check: what words are spelled incorrectly at Habrahabr, Cossa, Rusbase, AIN, DOU, Roem and vc.ru
• Opera VPN service will stop working on April 30
• A new WebAuthn authentication standard has been released: biometric data instead of passwords
• How a team leader can develop himself and his team: SOLID principles
• Updated Gmail will receive a “privacy mode” with self-destructing and password-protected letters that cannot be copied, printed or sent to another
• Mathematics against scrap, or Bitcoin as a quantum canary
•Satellite Internet: The Final Solution. How Elon Musk hopes to ossify Earth
• GitHub has a birthday. 10 facts about the favorite site of all developers
• I downloaded everything that Facebook knows about me. And it hurt
Last week's digest .
Material prepared dersmoll and alekskorovin .
By the way, the other day the digest turned 6 years old. Thank you for still reading.
Media | Web Development | CSS | Javascript | Entertaining
Media
•

•

•

•

•

•

•

Web development
•

•

• Front-End 2018 Developer's Guide
•

•

- Performance:
•How fast is AMP really?
•An overview of the “PerfMatters 2018 Web Performance Conference”, outlining key ideas and messages from there
•Some tips to help your PWA on iOS feel native
- Tools:
•What's New in DevTools (Chrome 67)
•What's New in DevTools in Chrome 66: Blackboxing in the Network panel, Local Overrides and more
•Meet the Accessibility Inspector in Firefox Developer Tools
- Animation:
•CSS / SVG Blobby Background
•WebGL Distortion Hover Effects : A small library that can be used to create distortion guidance effects on WebGL
CSS
• Blend modes + grids = love
•

•

•

•

•

•

Javascript
•

•

•

•

•

•

•

•

•

- ES2015 +:
•Overview of ECMAScript 2016, 2017, and 2018 innovations with examples
•Operators?., ?? and |>: future JavaScript features that you will like
• Fun ES # 4: FP style puzzles . We implement map, reduce, filter
•ES6 syntax overview and property overview
•Avoiding async / await hell
•ES6 arrow functions: thick and compressed JavaScript syntax
•ES6 in action: how to use proxies , characters and their use
•ES6 generators and iterators: developer guide
VueJS:
•VuePress — статический генератор сайтов на Vue
•Как мы создавали высоконагруженный интерфейс с Vue.JS и Google Maps
•Как делать переходы в Vue.js
•Создание VueTube: клон Youtube с помощью VueJS, Webpack и Flexbox
•vuejs-boilerplate — заготовка на базе Vue.js для создания реальных приложений (access/refresh tokens auth, api services, http client, store modules)
•Является ли мое SPA дружественным к SEO?
React:
•Обзор библиотеки react-testing-library
•Почему React нуждается еще в одной библиотеке для анимации. Встречайте react-spring
•Изучение React.js за 5 минут
•Иммутабельность в React: с мутабельностью объектов все нормально
Angular:
•Анимация в Angular-приложениях
•Что нового в Angular 6 ?
•Jesse Palmer – Основы тестирования компонентов Angular
Занимательное
•

• Spelling check: what words are spelled incorrectly at Habrahabr, Cossa, Rusbase, AIN, DOU, Roem and vc.ru
• Opera VPN service will stop working on April 30
• A new WebAuthn authentication standard has been released: biometric data instead of passwords
• How a team leader can develop himself and his team: SOLID principles
• Updated Gmail will receive a “privacy mode” with self-destructing and password-protected letters that cannot be copied, printed or sent to another
• Mathematics against scrap, or Bitcoin as a quantum canary
•Satellite Internet: The Final Solution. How Elon Musk hopes to ossify Earth
• GitHub has a birthday. 10 facts about the favorite site of all developers
• I downloaded everything that Facebook knows about me. And it hurt
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 .