Digest of fresh materials from the frontend world for the last week # 438 (October 19 - 25, 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     |    Entertaining

Media

• Podcast "Make Me Beautiful" Issue # 46: Typescript and Layout Solved All Their Problems (You Didn't)

• Podcast "Frontend Youth (18+)" # 160: Black Cardinal Front End Pro Unlimited

• CSSSR Podcast: MobX or Redux , Flexbox or CSS Grid, Angular DI, Lighthouse, Declarative Shadow DOM, MDN Web DNA 2020 Pro Unlimited

• IT Way podcast: About frontend for beginners, how Aviasales works (and works in). Episode 46 from 10/24/2020

Web development

• Web Components: A Beginner's Guide

• How to execute scripts in HTML. The script tag and the async, defer, module, nomodule, and src attributes

• A guide to the different types of storage in the browser

• The lang attribute: browsers lie, sweet lies.

• Smarter ways to create HTML-structure with deep nesting

• Tools
  
  • Configuring Webpack 5 from Scratch
  
  • What's New in DevTools (Microsoft Edge 87)
  
  • Adding Chromium Edge PWAs (Progressive Web Apps) to the Microsoft Store
  
  

• 
  
  • - (WCAG) 2.1
  
  •
  
  • inert
  
  

• 
  
  • «Inspirational Websites Roundup #19»
  
  • clip-path
  
  

CSS

• State of CSS 2020 . An annual survey about the current state of CSS with the ability to assess your level of knowledge based on the results of its completion

• How do I structure my CSS

• Choosing a CSS layout - Grid or Flexbox?

• Creating CSS Shapes with Emoji

• Thinking outside the box with CSS Grid

• CSS in 3D: Learning to Think in Cubes, Not Rectangles

• "The generic CSS selector is slow and should be avoided" - another lie!

• Variables in Sass, CSS, and Semantic Theme Variables

• Responsive Height Design

JavaScript

• Using "global" await in JavaScript

• Object-oriented programming options (in JavaScript)

• Client-Side Rendering vs Server-Side Rendering vs Static-Site Generation

• Solving a stupid problem with JavaScript

• Observer API in JavaScript - Part II

• 6 advanced JavaScript functions you can use today

• How to create a progressively enhanced accordion component using vanilla JS

• Releases
  
  • Node.js 15.0 JavaScript Server Framework Release
  
  • Create React App 4.0 Release
  
  • Babel 7.12.0 Release TypeScript 4.1, strings as import / export names, and class static blocks
  
  

• React
  
  • React
  
  • Rockpack — , React create-react-app
  
  • Styled-Components React
  
  • Create React App 4
  
  • React v17.0
  
  • Next.js
  
  

• Vue
  
  • Vue SVG
  
  • 10 Vue
  
  • Vue.js , React
  
  

• Angular
  
  • TypeScript — Angular
  
  • Angular — function-like HTML
  
  • @ngrx/component-store selector debouncing
  
  

• Ember
  
  • The Ember Times — Issue No. 166
  
  • Ember 3.22
  
  • ember-cli-deploy
  
  • React Hooks Ember.js
  
  

• Svelte
  
  • Svelte Actions
  
  • Svelte
  
  

• Libs & Plugins
  
  • Stop using Moment.js for dates and times in JavaScript
  
  • nsfwjs - A simple JavaScript library to help you quickly identify obscene images on the client side
  
  • Lucia is a tiny JS library (UMD compatible) that can replace jQuery and applications in vanilla JavaScript.
  
  • fingerprintjs - Generates website visitor ID from browser digital fingerprint
  
  

Browsers

• Firefox 82 is released

• Microsoft Edge for Linux - the beta version of the browser has become available to everyone

• The Chrome browser now has a search function for open tabs

• Now JScript in Internet Explorer can be disabled

Entertaining

• Photoshop has received many AI features: smart sky replacement, advanced filters, etc.

• Everywhere there are blue hyperlinks and columns: what Apple, Google and Amazon sites looked like in 1999

• How Cloudflare generates crypto keys using a 100 lava wall of entropy lamps

• Facebook has created an AI that will be able to translate texts between 100 languages ​​directly





from last week's Digest .

Material prepared dersmoll and alekskorovin .