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 .