The digest of fresh materials from the world of the frontend for the last week No. 355 (March 4 - 10, 2019)

We offer you a selection with links to new materials from the front-end area and around it.

Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Podcast “Web Standards”, Release # 164 : March 11, 2019: Author of JS-intensives, built-in scroller in Chrome, development of SVG and & in CSS, Preact and technologies of intensives, JS for old browsers and iterators, modules and import without Webpack.
• Podcast "Frontend Youth (18+)" # 86 : Tom Dale received an Oscar for Wolverine with Dan Abramov
• Devschacht podcast # 72 : Server rendering is the basics
• Vadim Makeev's 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 the 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
• The state and capabilities of the Houdini API. Worklets and a little about the Event Loop.
• Passwordless WebAuthn has become the official web standard
• True virtuality: connecting real things with virtual reality using web technologies
• Extract text from content using HTML Slot, HTML Template, and Shadow DOM
• Web analytics status
• HTML, CSS, and JS in ADD, OCD, Bipolar, Dyslexic, and Autistic Worlds
• DevTools secrets: launch, network and performance
')

• Animation:
  • A selection of inspirational sites # 2
  • Displacement Scroll
  • CSS LEGO Minifigure Maker
  

CSS

• Google ignores CSS spam.
• 8 techniques for working with CSS: parallax, "sticky" footer and others
• Creating robust layouts with Container Units
• How to merge SASS color functions and CSS variables
• Masking: accelerated course
• Variable fonts
• RFS (Responsive Font Size) is a typography engine that automatically calculates a suitable font size based on the browser's window size.
• How to convince your team to use CSS Grid

Javascript

• Refactoring through classes: clearing your JavaScript code
• The perfect guide to hacking JavaScript interviews (from a developer’s point of view)
• The pitfalls of JavaScript performance in V8
• Support for large javascript applications . Lessons learned from long-term projects
• When does SEO JavaScript matter? . The second episode of the series about JS SEO
• TypeScript vs PureScript
• JavaScript naming conventions: how to do and how not to

• Theory:
  • About casting in JS and magic. Part 2 . What else you need to know in 2019
  • Understanding JavaScript Memory
  • JavaScript basics: Master the DOM! Part 1 , Part 2
  • JS classes and inheritance in ES6, ES5
  • Promises: a complete guide . Find out why they kind of sucks: /
  • How to use the apply (), call () and bind () methods in JavaScript
  • JavaScript Symbols: but why?
  

• React:
  • Gatsby.js in detail
  • useTypescript - The Complete Guide to React Hooks and TypeScript
  • How do functional components differ 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 to increase productivity when writing code on Vue.js
  • Vue.js - How to create your first package and publish it to NPM
  • Point of Vue - Part 3 - Clash with React
  • Shoptalk Show # 350: "Support for Vue.js", as a guest guest - Evan You
  

• Angular:
  • How to maximize the performance of your Angular applications
  • Angular 8 Beta: new update for Ivy in Angular 8.0.0-beta.7
  • Top 10 Ways to Use Interceptors in Angular
  

• Libs & Plugins:
  • ThanosJS - Reduce the size of your project file to 50% by accidentally deleting half the files.
  • Handtrack.js: browser tracking using Tensorflow.js and 3 lines of code.
  • iro.js - Customizable SVG-based color picker without dependencies
  

Browsers

• New AV1 codec: accelerating video downloads in the browser
• In the first screenshots, the new Microsoft Edge browser on the Chromium engine looks like a clone of Google Chrome
• Mozilla fixed a bug 8 years ago in Firefox, reducing memory consumption
• An unpatched vulnerability in Chrome was attacked by attackers
• Google has dispelled speculation regarding the 0-day vulnerability in Chrome
• New Edge browser will first be only in Windows 10 64 bits
• What's new in DevTools (Chrome 74)

Entertaining

• AMP pages have a number of improvements.
• Web application security has seriously deteriorated in 2018
• Opinion: why data is not new oil
• 50 serious programming and design errors that cost lives, time and money
• Statistics of site compromise published in 2018
• Microsoft has updated the web version of Skype - now it only works in Chrome and Edge
• Microsoft has published the Windows Calculator source code on GitHub.
• New Spoiler vulnerability affects all generations of Intel Core processors.

We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.

→ Digest from last week

Material prepared by dersmoll and alekskorovin