The digest of fresh materials from the world of the front-end for the last week No. 385 (October 14 - 20, 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

Media

• Web Standards podcast 198. Sass is alive, components without JS, new style reset, weird CSS

• Frontend Weekend Podcast # 98 - Tatyana Smirnova on Why Becoming a Devrel and How to Convince Developers to Perform

• CSSSR Podcast : 512 News — Django 3.0 beta, Python, open-source, Instagram, and a Senior Engineer checklist

• “Devshahta podcast” # 99: Nastya Kataeva about what DevRel does in SKB Kontur

• React Five Minute Podcast: Reatom vs MobX

• Podcast “Make Me Beautiful!”: Issue No. 28 - Again on Monorepositories, Locfiles, and HTTP / 3

• Pro Conf # 34: JS Conf EU 2019

• Repozitorro # 31 - Code Review - It Doesn’t Hurt

• WSD in Yekaterinburg, 2019. Record broadcast

• Video from Fronteers 2019

Web development

• Cyber-enhanced Web Applications

• New to frontend testing? Start at the top of the pyramid!

• Verify Web Phone Numbers Using SMS Receiver API

• Memories of Past Web Development (Christian Heilmann)

• Creative Web Demo Awesome Demos Roundup # 9

• Tools
  
  • Layout Notes: Useful Google Chrome Extensions in 2019
  
  • Module alias in Webpack
  
  • Tools and classification in JAMstack
  
  • What's New in DevTools (Chrome 79)
  
  

• Performance
  
  • Performance metrics for researching incredibly fast web applications
  
  • Preloading Fonts
  
  • Awesome Webpack Perf - A curated list of webpack tools and plugins that help make the web faster
  
  

• Availability
  
  • Inclusive components: collapsible sections
  
  • Color Contrast Accessibility Myths
  
  • Beyond Automatic Accessibility Testing: 6 Things I Test On Each My Site
  
  

CSS

• Introducing Sass Modules

• How CSS Grid Changes Content Structuring

• CSS questions

• CSSWG approved size for short writing width and height

• The amazing world of CSS counters

• Faster layouts with CSS Grid (and Subgrid!)

• Making Tables Responsive with Minimal CSS

• Stylize your hover style, focus, and active state in different ways.

• Stop animation while resizing a window

Javascript

• Create custom JavaScript syntax constructs using Babel. Part 1 , Part 2

• Web - javascript authentication, obfuscation and native code. Problem solving with r0ot-mi -. Client Part 1

• Developing with Node.js on Windows. New Microsoft Developer Blog Guide for Node.js Development on New Windows with WSL 2

• How we failed and then succeeded in switching to TypeScript

• 7 simple but tricky JavaScript interview questions

• Understanding MVC Services for the Front End: VanillaJS

• Should we rebrand JavaScript?

• Theory
  
  • Common JavaScript inheritance misconceptions
  
  • A tale of three points in JavaScript
  
  • Organizing Your JavaScript Code Using Functions
  
  • Comprehensive Guide to JavaScript Operators, Expressions, and Instructions
  
  

• React
  
  • React 17 what's new? What to expect in the new version?
  
  • I created the same application on Redux and React. Here are the differences.
  
  • Comparison of 8 ways to style components in React
  
  • Introduction to SVG for React Developers
  
  • Monitoring element visibility in React
  
  • How I taught React
  
  • How to Become a React Developer in 5 Months
  
  

• Vue
  
  • Using Vuex Store with TypeScript: Vue 3 Composition API Compatible Solution
  
  • WebGL and Vue experiments: how to animate subtitles?
  
  • Vue CLI version 4 release
  
  • Unit Testing in Vue: Your First Test
  
  • Fast web applications with Vue 3
  
  • How to make a Windows application on Vue.js and Electron
  
  • [Editor's Cut] Live coding: The new Composition API - Vue.js London - Jason Yu
  
  

• Angular
  
  • Handling multiple request APIs in Angular using mergeMap and forkJoin to avoid nested subscriptions
  
  • Exchange data between Angular components
  
  • The Angular Team @ AngularConnect 2019
  
  
• Ember
  
  • Getting started with Glimmer components in Ember.js
  
  • What's New at Ember
  
  

Browsers

• New security indicators and about: config interface will appear in Firefox

• Enhancing isolation between sites in Chrome

• BSI: Firefox - the most secure browser

• Apple explained that Safari user traffic is not transmitted to the Chinese company Tencent

• Safari vs paywall

• New WebSocket Inspector in Firefox

• Improving form elements in Microsoft Edge and Chromium

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 .