The digest of fresh materials from the world of the front-end for the last week No. 355 (March 4 - 10, 2019)
We bring to your attention a selection with links to new materials from the frontend area and around it.
Web Development | CSS | Javascript | Browsers | Entertaining
•
Podcast “Web Standards”, Issue No.164 : March 11, 2019: Author of JS-intensives, built-in scroller in Chrome, development of SVG and & in CSS, Preact and intensive technologies, JS for older browsers and iterators, modules and import without Webpack .
•
Podcast “Frontend Youth (18+)” # 86 : Tom Dale won an Oscar for Wolverine with Dan Abramov
•
Podcast “devschacht” # 72 : Server rendering are the basics
•
Vadim Makeev video blog # 16 : Star rating ️️️️️
•
FrontSpot Show # 3 : Do I need to know ES5, new React docks, review code, CSS quiz, GraphQL
•
How to approach fullstack development today if you have slept for ten years
•
Web components in the real world
•
How to save resources in the browser and not break the web. Yandex Report
•
Status and features of the Houdini API. Worklets and a little about Event Loop.
• Passwordless WebAuthn has become the official web standard
•
True virtualization: connecting real things with virtual reality using web technologies
•
Extracting text from content using HTML Slot, HTML Template and Shadow DOM
•
Web analytics state
•
HTML, CSS and JS in ADD , OCD, bipolar, dyslexic and autistic world
•
DevTools Secrets: Launch, Network and Performance
• Google ignores spam in CSS
•
8 tricks for working with CSS: parallax, sticky footer and others
•
Creating reliable layouts using Container Units
•
How to combine SASS and CSS color functions
•
Masks: crash course
•
Variable fonts
•
RFS (Responsive Font Size) - a typography engine that automatically calculates the appropriate font size based on the size of the browser window.
•
How to convince your team to use CSS Grid
• Refactoring through classes: we clean out our JavaScript code
•
An ideal guide for breaking JavaScript interviews (from the developer's point of view)
•
Pitfalls of JavaScript performance in V8
•
Support for large JavaScript applications . Lessons learned from long-term projects
•
When does JavaScript SEO matter? . Second episode of the JS SEO series
•
TypeScript vs PureScript
•
JavaScript naming conventions: how to and how not to
•
New AV1 codec: speed up video loading in the browser
• In the first screenshots, the new Microsoft Edge browser on the Chromium engine looks like a Google Chrome clone
• Mozilla fixed an error 8 years ago in Firefox, reducing memory consumption
• Unauthorized vulnerabilities in Chrome were attacked by attackers
• Google dispelled speculation regarding the 0-day vulnerability in Chrome
• The new Edge browser will only be on Windows 10 64 bit at first
•
What's new in DevTools (Chrome 74)
• AMP pages have received a number of improvements
• Web application security in 2018 has seriously deteriorated
• Opinion: why data is not a new oil
• 50 serious programming and design errors that cost lives, time and money
• Published website compromise statistics in 2018
• Microsoft has updated the web version of Skype - now it works only in Chrome and Edge
• Microsoft published the source code of Windows Calculator on GitHub
• New vulnerability of Spoiler affects all generations of Intel Core processors
→ Digest last week
Material prepared dersmoll and alekskorovin

Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Podcast “Web Standards”, Issue No.164 : March 11, 2019: Author of JS-intensives, built-in scroller in Chrome, development of SVG and & in CSS, Preact and intensive technologies, JS for older browsers and iterators, modules and import without Webpack . •
Podcast “Frontend Youth (18+)” # 86 : Tom Dale won an Oscar for Wolverine with Dan Abramov •
Podcast “devschacht” # 72 : Server rendering are the basics •
Vadim Makeev video blog # 16 : Star rating ️️️️️ •
FrontSpot Show # 3 : Do I need to know ES5, new React docks, review code, CSS quiz, GraphQL
Web development
•
How to approach fullstack development today if you have slept for ten years•
Web components in the real world•
How to save resources in the browser and not break the web. Yandex Report•
Status and features of the Houdini API. Worklets and a little about Event Loop. • Passwordless WebAuthn has become the official web standard
•
True virtualization: connecting real things with virtual reality using web technologies•
Extracting text from content using HTML Slot, HTML Template and Shadow DOM•
Web analytics state•
HTML, CSS and JS in ADD , OCD, bipolar, dyslexic and autistic world•
DevTools Secrets: Launch, Network and Performance- Animation:
• A selection of inspirational sites # 2
• Displacement Scroll
• CSS LEGO Minifigure Maker
CSS
• Google ignores spam in CSS
•
8 tricks for working with CSS: parallax, sticky footer and others•
Creating reliable layouts using Container Units•
How to combine SASS and CSS color functions•
Masks: crash course•
Variable fonts•
RFS (Responsive Font Size) - a typography engine that automatically calculates the appropriate font size based on the size of the browser window. •
How to convince your team to use CSS Grid
Javascript
• Refactoring through classes: we clean out our JavaScript code
•
An ideal guide for breaking JavaScript interviews (from the developer's point of view)•
Pitfalls of JavaScript performance in V8•
Support for large JavaScript applications . Lessons learned from long-term projects •

When does JavaScript SEO matter? . Second episode of the JS SEO series •
TypeScript vs PureScript•
JavaScript naming conventions: how to and how not to- Theory:
• About type casting in JS and magic. Part 2 . What you need to know in 2019
•
Understanding memoization in JavaScript
•
JavaScript basics: Master the DOM! Part 1 , Part 2
•
JS classes and inheritance in ES6, ES5
•
Promises: a complete guide . Find out why they seem to suck: /
•
How to use the apply (), call () and bind () methods in JavaScript
•
JavaScript Symbols: but why?
React:
•
Gatsby.js in detail
•
useTypescript - A complete guide to React Hooks and TypeScript
•
How are functional components different from classes?
•
Create React App too bloated
•
Rendering large lists using react-window
•
Unit testing React components
•
My intuition about when to use custom React Hooks
VueJS:
•
Ten tips for increasing productivity when writing code on Vue.js
•
Vue.js - How to create your first package and publish it on NPM
•
Point of Vue - part 3 - collision with React
•
Shoptalk Show # 350: “Vue support .js ", as an invited guest - Evan You
Angular:
•
How to maximize the performance of your Angular applications
•
Angular 8 Beta: the new update scheme for Ivy in Angular 8.0.0-beta.7
•
Top 10 ways to use Interceptors in Angular
- Libs & Plugins:
•
ThanosJS — Уменьшите размер файла вашего проекта до 50% путем случайного удаления половины файлов.
•
Handtrack.js: отслеживания рук в браузере с использованием Tensorflow.js и 3 строк кода.
•
iro.js — Настраиваемый инструмент выбора цвета на основе SVG без зависимостей
Браузеры
•
New AV1 codec: speed up video loading in the browser• In the first screenshots, the new Microsoft Edge browser on the Chromium engine looks like a Google Chrome clone
• Mozilla fixed an error 8 years ago in Firefox, reducing memory consumption
• Unauthorized vulnerabilities in Chrome were attacked by attackers
• Google dispelled speculation regarding the 0-day vulnerability in Chrome
• The new Edge browser will only be on Windows 10 64 bit at first
•
What's new in DevTools (Chrome 74)
Entertaining
• AMP pages have received a number of improvements
• Web application security in 2018 has seriously deteriorated
• Opinion: why data is not a new oil
• 50 serious programming and design errors that cost lives, time and money
• Published website compromise statistics in 2018
• Microsoft has updated the web version of Skype - now it works only in Chrome and Edge
• Microsoft published the source code of Windows Calculator on GitHub
• New vulnerability of Spoiler affects all generations of Intel Core processors
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