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