The digest of fresh materials from the world of the frontend for the last week №371 (June 24 - 30, 2019)

We offer you a selection with links to new materials from the front-end area and around it.

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Podcast "Web Standards" , Issue number 182. Node.js, npm and JetBrains, service workers and WASM, JS price, modern CSS, accessibility
• Podcast "Web Standards" , Issue number 181. Panda Meetup, Chrome 76, a11y, toast, preprocessors and jQuery
• Frontend Weekend podcast # 94 - Denis Mishunov about why you should go to Norway and work remotely at GitLab
• CSSSR podcast, News 512 : Vue 3 RFC updated, more microservices, new Redux killer and interesting publications
• Podcast "Frontend Youth (18+)" # 97: Architecture that you do not deserve
• «Repozitorro» # 20 - Portfolio on the contrary ...
• WSD in Moscow 2019 , 8 videos
• Amsterdam JSNation 2019 , 15 videos
• Podcast syntax.fm №154 : SVGs with Sara Soueidan

Web development

• How to set up web analytics on AMP pages
• Getting started with web performance? That's what you need to focus on.
• Creating PWA using Webpack and Workbox
• Spam Detection API
• Imitation of the relative positioning of the nested SVG inside the SVG
• HTML can do that? . Selection of demos, demonstrating the possibilities of "pure" HTML
')

• Accessibility:
  • How accessibility trees inform assistive technology
  • Report on lawsuits related to web accessibility (ADA Compliance) for the first half. (Spoiler: new claim every hour)
  • What is accessibility for web applications and why does it bother me?
  

• Spectacular web:
  • How to do related scrolling animation
  • An interactive site for learning the basics of synthetic music . Powered by Web Audio, WebAssembly and WebGL using three.js, Tone.js, anime.js and React with TypeScript
  • useAnimations: animated icons using the Lottie and After Effects framework for use in applications and websites
  

CSS

• 10 PostCSS plugins that will save time for your coder
• 18 CSS tips to make developer life easier
• Three predictions from State of CSS 2019 Survey
• Complete Centering Guide with Flexbox
• a11y-css-reset
• Creating a conference schedule on CSS Grid
• Drag-n-drop sticky, no js!
• Variable fonts for developers
• Think of BEM as a UI philosophy instead of naming CSS classes.

Javascript

• JavaScript cost in 2019 by Addy Osmani
• RxJS: a simple introduction
• Instant Vanilla JavaScript Search

• Theory:
  • Functional JavaScript: five ways to find the arithmetic average of array elements and the .reduce () method
  • 5 ES2019 features that you can use today
  • How to set up a globalThis polyfill in universal JavaScript
  • We deal with Async / Await in JavaScript on examples
  • JavaScript Collections - Set, Map, WeakMap and WeakSet
  

• Mongo / Node:
  • Design Patterns in Node.js: A Practical Guide
  • New ECMAScript module supported in Node.js 12
  • Firebase or MongoDB: which database to use for application development
  

• VueJS:
  • Using middleware in Vue
  • Why do people get mad at Vue 3
  • Beginner's Guide to Vue CLI
  • When you really need the attribute: key by Vue and why?
  • How to start working with Vuetify
  

• React:
  • Developing an application for streaming with Node.js and React
  • Introduction to useReducer React Hook
  • React Unavailability Myth
  • Ten Commandments React Components
  • Adding a WebAssembly component to a React application
  • Advanced concepts React hukov explained by the example of the game Snake
  • Next.js or Create React App: which applications are more productive?
  

• Angular:
  • Angular condition in 2019
  • Understanding the magic behind Angular elements
  • Creating a music player using Kendo UI and Angular
  • What I learned in 3 years of development in Angular 2+
  

• Ember:
  • Getting started with Glimmer-Native
  • Ember.js Seattle Meetup with Yehuda Katz
  • Wishes for Ember 2019 roadmap
  

• Libs & Plugins:
  • Top 10 JavaScript libraries for visualizing data in graphs and charts
  • freezeframe.js is a library that pauses animated .gifs by running an animation on mouse over / click / tach
  • TWGL : a small helper library for WebGL
  • pixelmatch: a small, simple and fast JS library for pixel-by-pixel image comparison
  • svelte-adapter: using Svelte components with Vue and React
  

Browsers

• Firefox Nightly tests password generator
• Mozilla's Track THIS tool allows you to fool advertising algorithms
• In Microsoft Edge, there will be three lock script tracking modes
• In Firefox 68, a new implementation of the address bar will be offered.
• The first release of the new browser Firefox Preview for Android

Entertaining

• The most important skill a programmer can master
• Google users can now limit the storage time of activity data (location history, applications, and web search) on company’s servers.
• Windows Terminal - basic settings and first impressions
• “Developing a Kotlin language cost much more than our average product”: an interview with the head of JetBrains
• Why it is worth including prototyping in development
• Facebook, Google, and other IT companies will jointly create a common test suite for AI.
• Trump verbally allowed US companies to work with Huawei
Go

We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.

Digest from last week .
The material was prepared by dersmoll and alekskorovin .