The digest of fresh materials from the world of the frontend for the last week No. 374 (July 29 - August 4, 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

• CSSSR Podcast : News 512 - Next.js, Guardian Design System, Teamlead Bootcamp, New in Slack and Githu Integration

• React Five Minute Podcast : TechTrain, Richard Stallman and Free Software

• Podcast “devschacht” # 88: On the edge of the earth. How previous experience helps in the work.

• Podcast “Frontend Youth (18+)” # 101 How to buy a village on the way for a beer

• UnderJS Podcast : # 1 - Pilot - Real Underground

• "Repozitorro" # 23 : Pss guy, a little Vue.js do not want?

• "Pro Conf" # 24 PerfMatters: Web Performance Conference 2019

• "#PerfMatters Conference 2019"

Web development

• Quick start with WebComponents

• SVG in real life. Yandex Report

• Component Based Development Guide

• Frontend Design, React and the Bridge Over the Great Section

• Oops, it seems we became full stack developers

• Frontend in South Korea . A topic on reddit where local front-ends share their pain

• Create a realistic glass effect with SVG

• Performance:
  
  • Features of Google PageSpeed: improved site rating and search ranking
  
  • I used the Internet all day with a budget of 50MB . Internet Survival Experiment
  
  • Making Instagram.com Faster: Part 1
  
  

• Accessibility:
  
  • Accessibility Strategies for Your Content Team
  
  • The truth about digital accessibility
  
  • Creating custom radio buttons accessible from the keyboard
  
  

CSS

• Explore CSS Animation Properties with a Magic Kitten

• Using custom CSS attributes generated by JavaScript as a passing mechanism

• 7 top CSS trends for 2019

• New CSS Features in Firefox 68

• What is the specificity of @rules rules like @keyframes and @media?

• Flexbox and padding

• Best practices for organizing themes in CSS

Javascript

• Introduction to Screen Capture API - Scan QR codes in a browser

• Asynchronous JavaScript Programming (Callback, Promise, RxJs)

• Experience translating a large project from Flow to TypeScript

• Using artificial intelligence in a browser with TensorFlow.js

• Practical tips for improving JavaScript code

• Cheat sheet for moving from jQuery to vanilla JavaScript

• Writing a Simple MVC Application in Simple JavaScript

• How not to suck in javascript

• Svelte: First Impressions

• Theory:
  
  • What are you, Event Loop? Or how the event loop works in the Chrome browser
  
  • Explanation of the operation of EventLoop in JavaScript
  
  • Understanding the confusion between JavaScript methods slice (), splice () and split ()
  
  • JavaScript Concepts: Destructive Assignment
  
  • JavaScript Promises and Async / Await: As Fast As Possible
  
  

• React:
  
  • React + Redux + Comlink = Off-main-thread
  
  • React <Animated /> Tutorial
  
  • Getting data in React using React Async
  
  • Why are React hooks?
  
  • Will React replace Redux hooks?
  
  • Will React hooks replace High Order Components (HOCs)?
  
  • localize-react : a simple lightweight library for localization in React applications without dependencies, built on the basis of the new React Context Api
  
  • Effective solution to replace Redux with React context and hooks
  
  

• Angular:
  
  • Create your own image classifier on Angular and Tensorflow.js
  
  • Best Angular open source projects
  
  • Public beta release of Bit with Angular
  
  • Svelte for Angular Developers
  
  

• VueJS:
  
  • Creating Dynamic Routes in an Nuxt Application
  
  • Vue.js 3: Perspective Programming
  
  • Getting started with Vuetify 2.0
  
  

• Ember:
  
  • Ember 2019-2020 Roadmap
  
  • Ember Component Museum . Learn all the ways you can use components in Ember 3
  
  • Ember Component Cheat Sheet
  
  

Browsers

• Configure Firefox on Linux

• An experiment related to DNS-over-HTTPS will be conducted in Firefox

• Release of Chrome 76

• Midori 9 web browser release

• Microsoft announced disabling VBScript in Internet Explorer 11

• What's New in DevTools (Chrome 77)

• New CSS Features in Firefox 68

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 by dersmoll and alekskorovin .