The digest of fresh materials from the world of the front-end for the last week No. 389 (November 11 - 17, 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 | Browsers | Entertaining

Media

• CSSSR Podcast: News 512 - React Conf, SmashingConf, VS Online, PHP 7.4.0 RC6, React 16.12, Wordpress 5.3
• SPB Frontend Drinkcast # 32 - “Is There Life After the Frontend”
• Podcast “pro Conf” # 38 Holy.js: Piter 2019 | CI / CD | Opensource is cool | A11y accessibility never happens much
• Frontend Weekend Podcast # 99 - What Has Changed for Vitaliy Friedman (About Conference Fatigue and the Smashing Magazine Ecosystem)
• Podcast “Frontend Youth (18+)” - Backspace For Frontend
• Podcast "Web Standards" No. 203. Edge Ready, WebKit 2020, Accessibility and Law, WeakMap and GC
• Devshahta / Night frontend No. 101: Anton Anokhin about the difficulties of the techno-PR of a company writing on Dart
• Repozitorro # 34 - Newbie Error Collection
• Records of all sessions with Chrome Dev Summit 2019

Web development

• Web Almanac 2019: Availability
• Frontend Tools Survey 2019 - Results
• WebAssembly: what and how
• The use of polyfills when writing cross-browser applications
• What is CORS
• Web Almanac - report on the current state of the web in the HTTP Archive study
• When to use SVG and when to Canvas
• GraphQL scaling in PayPal
• Brendan Ike, creator of JavaScript and co-founder of Mozilla, answers AMA questions on reddit
• Getting started with Puppeteer

• Performance
  • Google Chrome will mark too slow sites with a special indicator
  • The state of modern methods for optimizing images on the network in 2019
  • Lighthouse CI - a set of commands that will automate the receipt and processing of Lighthouse results
  

• Effects
  • Development of animated favicon
  • Effect of highway lights on Three.js
  • A selection of creative demos on web technologies "Awesome Demos Roundup" # 10
  

CSS

• Solving the problem of jagged lines in gradients
• CSS media expressions are more than max-width
• CSS4 will not ... because it is long gone. Meet CSS8!
• CSS Boolean Properties
• Some CSS Grid Strategies for Matching Layouts
• Get more at a lower cost with variable fonts
• Thoughts after viewing a chapter on CSS in Web Almanac 2019

Javascript

• Expected New JavaScript Features That You Should Know About
• Performance optional chaining in JavaScript
• Little-known JavaScript dangers
• Use Modules to Create a Modular JavaScript Application
• Creating a visualizer of wave audio graphics using vanilla JavaScript
• How TypeScript makes you the best JavaScript developer

• Theory
  • Functional programming from the point of view of EcmaScript. Composition, Currying, Partial Application
  • The operator spread and rest parameters in JavaScript
  • Why do we need strict mode in JavaScript?
  • Modest JS Works. A small e-book for those who want to write modest JavaScript, and then focus on everything else that matters when creating the application.
  • JavaScript null and undefined handling
  • Fun with ES6 proxies
  

• React
  • React Context in 5 minutes: what is it and how to use it
  • Build Your Own React
  • Competent React useState () Hook Guide
  • Building a payment system using React and Stripe
  

• Vue
  • Unit Testing in Vue & Mocha: Part 1 , Part 2
  • An early look at the Vue 3 Composition API in the wild
  • Compile Vue 3 from scratch and try the new Composition API
  

• Angular
  • Angular: redirect to external links
  • How to create an Angular 8 app from scratch in 11 easy steps
  • Practical Guide to Angular: Components and NgModules
  • Versatile Ivy: Using Angular and React Together
  

• Libs & plugins
  • 9 web component libraries
  • GSAP 3 is now available
  • GSAP 3 Playground: a selection of demos on CodePen with some cool new features
  • GSAP 3 New Features
  • Paged.js is a library for paginating content in a browser. Based on the specifications of W3C, Polyphile for Paged Media and Generated Content for Paged Media.
  • sheen - GPGPU fabric imitation
  

Browsers

• The official release of Brave - the first private open source browser
• Release of Firefox Lite 2.0, a compact browser for Android
• In the latest version of Opera browser for PC, the address bar, the design of bookmarks and stories have been updated, as well as the opportunity to see blocked web trackers

Entertaining

• Mozilla, Fastly, Intel and Red Hat promote WebAssembly as a platform for universal use
• GitHub launched a joint project to identify vulnerabilities in open source software
• GitHub restarts the mobile application
• Microsoft will place all open source code from GitHub in Doomsday Storage in the Arctic Editorial Material

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 .