The digest of fresh materials from the world of the front-end for the last week No. 410 (April 6 - 12, 2020)

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

Media

• CSSSR podcast: PostCSS 8.0, Chrome 81, Firefox 75, a course on web security, Windows for the web, learn TypeScipt
• Podcast “Frontend Youth (18+)” # 132: The most broken
• CSSSR. Argumentarium - Coronavirus: remote or fear and hatred in IT
• Vadim Makeev’s fresh stream # 18: No longer waiting
• The first part from video reports with JavaScript fwdays'20, held online on March 14th

Web development

• 10 principles of scalable front-end projects
• From 48k to 10 lines of code - the history of the GitHub JavaScript SDK
• Web Storage API: examples of use
• Introduction to the Web Contact Picker API
• Front End Debugging - Tips for quickly solving problems so that you can get more useful affairs
• 10 options for Headless CMS for your site on JAMstack

• Tools
  • Setting up Windows for web development
  • Tips for working with GitHub: Lee Reilly tricks, hacks and secrets
  

• 
  • JavaScript-
  • -
  • 10 ,
  

• 
  • accessibility- Alfa Digital
  

• 
  • .
  •
  • Variable Emojis — ,
  

CSS

• Forget about RGB and HEX
• Creating a dark theme for Stack Overflow
• Viewport units in CSS
• Styling ordered lists using CSS counters
• Creating a dark mode for Stack Overflow
• PostCSS 8.0 is coming: this is what it will bring
• How to recreate animation from Netflix in CSS
• Speed ​​up your UX with skeleton loading
• Keep the footer down: Flexbox vs. Grid
• Equal Height Elements: Flexbox vs. Grid
• My favorite CSS interview questions with detailed answers. Part II “CSS Values”

Javascript

• A practical guide to dealing with memory leaks in Node.js
• We write a modern router in JavaScript

• Theory
  • Features of arrow functions in JavaScript
  • The power of recursion in JavaScript
  • Like the && and || actually work in JavaScript
  • What is currying in JavaScript and why is it important?
  • Understanding (all) formats of modules and tools in JavaScript
  

• React
  • React, performance -500 —
  • use-sound: React-
  • , Redux .
  • Create React App 3.3
  • 8 React: !
  • React, Web Workers IndexedDB
  

• Vue
  • , Vue Composition API
  • Nuxt.js context.payload
  

• Angular
  • Angular 9?
  • Angular
  • Google Sign-In (OAuth) Angular 15
  • Angular
  

• Ember
  • The Ember Times — Issue No. 143
  • Ember Octane
  • Ember Octane: Airtable Time
  

• Svelte
  • Svelte -
  • SvelteJS: <30
  • Svelte React: -
  

• Libs & Plugins
  • JS micro-library for responsive CSS motion paths
  • prerender.js - quickly preloads pages in any browser
  

Browsers

• Firefox 75 release
• Chrome 81 release
• Firefox 75: April plans
• Web Animations in Safari 13.1

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 .