The digest of fresh materials from the world of the front-end for the last week No. 403 (February 17 - 23, 2020)

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

• Devshahty podcast # 112: Artyom Kobzar about his own alternative to TS and much more
• CSSSR podcast: News 512 - Microfronts, memory leaks, Chrome from the inside, TypeScript 3.8 and 25 years old Delphi
• Web Standards podcast No. 217: Firefox 73, Angular 9, Container Queries, Web We Want, CSS4, JS eats HTML, DOM Reflow
• Frontend Youth podcast (18+) # 126: Bench for front-end
• 9 videos from WebAssembly Summit 2020
• 4 videos from MoscowJS 47
• MinskJS Meetup # 7 - February 13, 2020
• Repozitorro # 37 - Learning someone else's code is cool!
• Materials from the Kazan mitap on the frontend: Phoenix LiveView, frontops, JSON: API

Web development

• Disabled controls in forms and how to work with them
• Complete guide to data attributes
• Do this to improve the loading of images on your site

• Tools
  • Modern build 2020 for frontend. Gulp4
  • My favorite Chrome developer tools
  • jest vs jasmine: key differences
  • Great console command guide
  • destiny - Prettier for file structure
  

• Web components
  • Experience in integrating web components on the Leroy Merlin website
  • All methods of creating web components
  • Web component for code block
  

• 
  • -?
  • -
  
• JAMstack
  • JAMstack — ?
  • J JAMstack React ( Angular, Vue, Svelte ..)

• 
  •
  • -
  

CSS

• Understanding variables in CSS using a real-life example
• Fixed headers with transition anchor links? The solution is scroll-margin-top
• Animating SVG Path changes in CSS
• Styling the good old Button element
• Adding background colors to SVG using the “rect” element
• Let's Define CSS 4. Discussion in csswg-drafts on github, where people are trying to identify , what is CSS 4
• Create diagonal layouts according to 2020 version
• The effect of dust particles on CSS

Javascript

• Silence of fans. Google Colab, Javascript, and TensorflowJS
• Create a fully functional Tinder-style carousel in vanilla JavaScript
• Python and JavaScript: the joy of duck typing

• Theory
  • 7 tricks with Rest and Spread operators when working with JS objects
  • New features in ES2020
  • 5 secret functions JSON.stringify ()
  • 4 ways to exchange variables in JavaScript
  • A complete guide to tips, tricks and JavaScript functions that you should know
  

• Svelte
  • React Svelte?
  • Svelte-grid — draggable and resizable grid layout Svelte.
  • ! - 1 60
  • Svelte RxJS
  • Svelte RxJS
  • React Svelte?
  

• React
  • 10 React-
  • localStorage React
  • React
  • HTML Drag-and-Drop API React
  • React
  • React Router ( Router Hooks)
  

• Vue
  • Vue.js Templates —
  • The Mindset of Component Composition Vue
  • Vue WordPress
  • Vanilla JavaScript Vue
  • Vue Composition API ( )
  • Vue D3
  • : Vue 2 vs Vue 3
  

• Angular
  • Angular:
  • Angular a11y: 11 ,
  • NgRx
  • Angular 9: Lazy Loading Components
  

• Ember
  • ?
  • React Ember 2020
  • The Ember Times — Issue No. 136
  • WebAssembly Ember.js (Rust + wasm-pack)
  • Ember Intercom
  • 2020 Ember.js Community Survey,
  

• Libs & Plugins
  • TensorFlow.js
  • TensorFlow.js API ML
  

• Mozilla has lost in the browser war, but still believes that it can save the Internet
• 2019 according to Chrome
• Edge development roadmap promises to synchronize history and add Linux support
• Chrome 81 will bring global support for WebXR and Web NFC platforms

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's digest .
Material prepared dersmoll and alekskorovin .