The digest of fresh materials from the world of the frontend for the last week No. 348 (January 14 - 20, 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”, Release №157: JavaScript in universities, JS ten years ago, browsers and text in VR / AR, HTML modules in JS.
• Podcast «Frontend Weekend» # 87 - Mikhail Troshev on how to effectively lead a distributed team in Yandex
• The CSSSR Podcast: News 512 - Issue # 34 (Jan 14 - Jan 20)
• Devshakhta # 66: Platform Commands
• "ALL YOUR HTML" # s2e5: "Pasta Monster of Stripes and Shaders"
• Video from Odessa Frontend MeetUps # 7-9

Web development

• Electron: develop desktop applications using HTML, CSS and JavaScript
• 12 weird things that can happen after installing the npm package
• Types of input in HTML5: what is now with them?
• New to JAMstack? Everything you need to know to get started with it.
• Web standards: what, why and how
• It is better to see once than hear a hundred times, faces and barcodes - Shape Detection API
• Why GraphQL Beats Traditional APIs
• GraphQL: Beginner's Guide

• Performance:
  • Using the Chrome DevTools audit feature to measure and optimize performance (part 1)
  • How to use Chrome Dev Tools to find performance bottlenecks
  • How improving site performance can help save the planet
  • What is Client Hints and is it worth using them?
  • Browser rendering optimization for front-end development
  

• Tools:
  • Puppeteer for crawling site pages and saving them in Markdown
  • STAR (Design S ystems + T ypeScript + A pollo GraphQL + R eact): a new generation of frontend development tools
  • How to upgrade to Gulp.js 4.0
  • wpk - advanced but intuitive unofficial CLI for webpack
  • Function code visualizer with export to SVG
  

• Accessibility:
  • How to develop website layouts for screen readers
  • Why the introduction of web accessibility continues to fail
  • Big web trial win in Domino's Pizza , whose site did not respond to ADA Compliance
  

• Animation:
  • Advanced Three.js: shader materials and post processing
  • Guide to creating a set of interactive particles on Three.js
  • How to create a glitch effect for text and images in CSS
  • SVG Filters 101 . A Sara Soueidan guide that will help you understand what SVG filters are and show how to use them to create your own visual effects.
  
  

CSS

• How CSS specificity works in a browser
• Creating a WEB component to control the audio channel | Non-standard approach to the use of CSS Grid
• CSS Grid Layout Animation, what do we have?
• Same story, only with CSS
• How well do you know CSS Layout?
• Using the pseudo-class: lang with the lang attribute selector for language styles
• 2019 CSS Wishlist by Chris Coyier
• In defense of Utility-First CSS
• Complete SCSS / SASS Guide .

Javascript

• Transferring 30,000 lines of code from Flow to TypeScript
• Learn Vanilla JS - a detailed plan for learning vanilla JS, along with training resources and project ideas to help you get started.
• URL Animation with Javascript and Emojis
• How to remove unused code using DevTools
• Vue vs React: choosing the best tool for your project in 2019
• How to remove duplicate arrays in ES6
• Why I stopped exporting default values ​​from my JavaScript modules
• Does the method mutate data

• Theory:
  • JavaScript: questions and answers
  • A brief history of JavaScript. Part 3
  • JavaScript Modules: from IIFE to CommonJS and ES6
  • A practical guide to writing more functional javascript
  • Working with time zones in javascript
  

• React:
  • Reusable form input in React. Simple and flexible!
  • Introduction to React Hooks
  • Using React Portals to draw children outside the DOM hierarchy
  • How to create a progressive web application on React (PWA)
  

• Angular:
  • Add multilingual support to Angular
  • How to configure Webpack 4 with Angular 7: the complete guide
  • Angular, Autoprefixer, IE11, and CSS Grid go to bar ...
  • Manage application state in Angular using Firebase
  • Pros and cons of choosing Angular for web application development
  

• VueJS:
  • 8 worst questions on Vue.js interview
  • Vue RFCs (request for comments) - for major changes / additions in the Vue core
  • Designing a Progressive Web App Using Vue CLI 3
  

• Libs & Plugins:
  • defi.js - reactive library based on Object.defineProperty
  • Facebook has published Spectrum 1.0.0, an image library.
  • shiny - Add shiny reflections to text, background, and borders on devices that support the DeviceMotion event.
  • jsdiff: finding the difference in the text, implemented in javascript
  

Browsers

• Mozilla minimizes the Test Pilot program and the Firefox Screenshots service.
• Firefox 67 will start using separate profiles for different installations.
• In Firefox 69, it is planned to disable Flash support by default.
• Retrospective Firefox DevTools WebConsole 2018
• Augmented Reality and Browser - Experimental Application

Entertaining

• Hello world! Or English Habr, v1.0
• WordPress.com collected $ 2.4 million from Google and partners to create a news publishing platform Newspack
• Big Data History (Big Data) Part 1 , Part 2
• Microsoft: Cortana Voice Assistant will no longer compete with Alexa and Google Assistant
• Opinion: why 10 year challenge is an ideal flash mob for AI training
• As a native of India became the CEO of Google: the story of Sundar Pichai
• Microsoft says goodbye to Windows 10 Mobile at the end of this year.
• A dump containing 773 million email addresses and 21 million unique passwords was detected
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 .
Material prepared dersmoll and alekskorovin .