The digest of fresh materials from the world of the front-end for the last week No. 390 (November 18-24, 2019)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Media | Web Development | CSS | Javascript

Media

• Web Standards Podcast # 205. Safari TP, service workers, Node.js ESM, Async and Promise, Optional Chaining, custom properties

• Frontend Weekend Podcast # 100 - What Has Changed for Artyom Tsatsin and the Podcast for All Time (Anniversary Edition)

• UnderJS Podcast # 8 - One Binary for JavaScript?

• CSSSR Podcast: News 512 - predustanovka, RC parade, new features of Vue 3, CSS 8, Github for mobile and Oracle vs Google

• CSSSR Podcast: Remote Talk # 09 - Jacob Fine and Anton Moiseev, NYC vs Samara, TypeScript and the Importance of Books in IT

• Podcast Frontend Youth (18+) # 115 With a Pure Heart and a Naked Engine

• Podcast "Web Standards" No. 204. Chrome Dev Summit, GitHub, Web Snapshot 2019, GSAP 3, Visual Studio

• Repozitorro # 35 - Strong Portfolio for Junior

• CSS-Minsk-JS Conference 2019

• JS Party Podcast, Episode # 101: Does JavaScript Rebrand? Yes? Not?

Web development

• How Apple Kills Web Technologies

• SVG or canvas?

• How did we implement WebAssembly in Yandex.Maps and why did we leave JavaScript

• Firefox UI now works on web components

• Introduction to character / text encoding on the web

• Highlights with Chrome Dev Summit 2019

• 6 patterns for microfronts

• Creative sites selection Inspirational Websites Roundup # 10

• Performance
  
  • Responsive Download - Improving Web Productivity on Budget Devices
  
  • WebPageTest: Examples of Advanced Site Speed ​​Testing Scripts
  
  • New Planet Performance Podcast by Stoyan Stefanova
  
  

CSS

• Learn Responsive Web Design in 5 Minutes

• How to make your HTML responsive by adding one line of CSS code

• Little tricks of custom properties (CSS variables)

• Train your CSS skills with online games

• How do you remove unused CSS from a site?

• Multiple-column Layout and column-span in Firefox 71

• Methods for Creating a Newspaper Layout Using CSS Grid and Borders Between Elements

• Understanding the difference between CSS resolution and device resolution

• UI Example: Accessibility Styles for Card Components

• Create complex layouts using CSS Grid

Javascript

• Top 5 JS frameworks for front-end development in 2020: Part 1 , Part 2

• Deno: Node.JS time is running out?

• We announce support for ECMAScript modules in Node.js

• Performance optional chaining in JavaScript

• Useful new features in ES2016 and 2017

• What's new in ES2019?

• Getting started with the Express stack and ES6 + JavaScript

• I created the same application in React and Svelte. Here are the differences.

• jQuery Core: migrating from AMD to ES modules

• How to successfully manage large-scale JavaScript mono-repository aka megarepo

• Theory
  
  • Introduction to ECMAScript 2017 (ES8)
  
  • The difference between an asynchronous function and a function that returns a promise
  
  • Encapsulation in JavaScript
  
  • Introduction to Composition in Javascript
  
  • Just about composition, aggregation and association in JavaScript
  
  • 15 frequent operations on arrays in JavaScript (cheat sheet)
  
  

• React
  
  • Ionic React - First Look
  
  • React Component Life Cycle Methods
  
  • Create a switch to React as reusable use
  
  • 4 custom hooks to speed up your React app
  
  • 11 Best React Developer Tools for 2020
  
  • SWR - React Hooks library for remote data retrieval.
  
  • Typescript and Redux. My advice.
  
  • Is React Overrated?
  
  

• Vue
  
  • Interesting news Vue 3
  
  • How to create a progressive web application with Vue.js
  
  • Ready for Vue SSR Production in 5 Easy Steps
  
  • Suspense - New Feature in Vue 3
  
  • Creation of a full-fledged portfolio site with Nuxt.js and Netlify: beautiful, fast and with 100% SEO optimization
  
  • I created the same application on Vue and Svelte. Here are the differences.
  
  

• Angular
  
  • Angular without zone.js: maximum performance
  
  • Angular SEO: Making Search-Friendly Pages
  
  • Angular Promises Versus Observables
  
  • The last Angular change detection guide you'll ever need.
  
  • As I wrote the NgRx Store in 63 lines of code
  
  • 9 Angular ideas developers often overlook
  
  

• Ember
  
  • Ember 3.14 Release (Octane Preview Cont.)
  
  • Promises and UI states in Ember.js
  
  • Do you need an EmberObject?
  
  • Ember-CLI-Mirage: let's create an awesome server and create a database
  
  

• Libs & plugins
  
  • lite-youtube-embed - a custom element from Paul Irish that downloads videos 224 times faster than the original method
  
  • Legra (Lego brick Graphics) is a small JS library that allows you to draw using leg-like bricks on canvas
  
  

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 digest .

Material prepared by dersmoll and alekskorovin .