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 .