The digest of fresh materials from the world of the frontend for the last week №342 (December 3 - 9, 2018)

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 №150: Edge is now Chrome, Flutter for the web, accessibility.
• Podcast "Frontend Weekend" # 82 - Maxim Salnikov on how to move to Oslo and become a Google Developer Developer
• Devshakhta - podcast: 60: Price of abstraction
• Podcast "Frontend Youth (18+)" # 74 Chinese rubbish
• Vadim Makeev's video blog: 12. How to insert twenty videos from YouTube and not download an elephant
• My JavaScript Story podcast: 088: Nicholas Zakas

Web development

• WordPress 5.0 has been released (with Gutenberg on React), laying the foundation for a new platform
• Progressive Web Applications: Examples and PWA Uses
• Background Fetch Introduction
• HTML Canvas API Guide
• We protect the site, as if now 1999
• Going Offline First (Video Series)
• Why you should use GatsbyJS to create static sites
• Responsive images using SVG instead of Srcset
• Interactive repulsion effect with Three.js
')

• Instruments:
  • 16 DevTools Tips and Tricks Every CSS Developer Should Know
  • screenshoteer: take screenshots and emulate mobile devices directly from the command line
  • CI monitoring tools for frontend
  

• Accessibility:
  • Development of accessible interfaces
  • “D” in the DOM
  • Available SVG icons with inline sprites
  • What can be learned from the accessibility situation in Gutenberg?
  • Disability is a spectrum, not a binary value.
  • Web Content Accessibility Guide 2.1 - for those who have not read the updates
  • Accessibility at a Glance - a series of short videos from Microsoft developers dedicated to accessibility studies.
  

Browsers

• Microsoft has officially confirmed that the Edge is moving to the engine Chromium
• A variety of browsers begins with us.
• Chrome 71 web browser release
• The head of Mozilla criticized the transition to Microsoft Chromium
• Qualcomm and Mozilla are working on a Firefox browser for Windows on ARM

CSS

• Painless lint CSS with stylelint
• Fill the gap between CSS and JavaScript: CSS modules, PostCSS and the future of CSS
• Venn Chart on CSS
• Creating Switches Using CSS Variables
• CSS programming
• How do you name variables for color?
• A selection of creative text shadows on CSS with CodePen

Javascript

• Imba: JavaScript-compatible language for quick work with DOM
• Little known JavaScript features
• This year in javascript: review 2018 and npm predictions for 2019
• Should Data Science Specialists Learn JavaScript?
• Unbutable web applications

• Releases:
  • Microsoft implemented IntelliCode for TypeScript / JavaScript and C ++
  • Google announced Flutter 1.0, the first stable version of the Dart framework
  • Babel 7.2.0 release: private instance methods
  • What's new in Typescript 3.2?
  • Release react-redux 6.0.0
  

• Theory:
  • About the composition of functions in JavaScript
  • JavaScript Error Handling Guide
  • Why do you have to unsubscribe from the Observable?
  • You may not know JS: ideas from the Bible JavaScript
  • Goodbye Transform-Streams, long live ES9 asynchronous generators
  

• Node:
  • How to protect your application on Node.js from malicious dependencies
  • How to use TypeScript to create a Node API with Express
  

• VueJS:
  • VueJS: Arguments for , Arguments against . New videos from Ilya Klimov on JavaScript.Ninja channel
  • “We are testing the real Vue application” , - Nikita Sobolev's report with Krasnodar Dev Days on how to test quickly and easily
  • eslint-plugin-vue - the official ESLint plugin for Vue.js
  • Development on Vue in 2019: what you need to know
  • How to create an application on Vue.js using Single-File Components, without CLI.
  

• React:
  • Create animated applications for React using React Spring
  • 10 more things you didn’t know about Create React App
  • Tips and tricks for your React-Redux application
  • How does React distinguish class from function?
  • Layout components in React using the Context API
  • React Podcast - 31: Hooks are Mixins with Ryan Florence
  

• Angular:
  • Angular Application Optimization
  • How to start working with Angular on Windows
  • Meta programming, high level components and impurities with Angular Ivy
  • Angular Console: What is it and why is it valuable to you?
  • Angular Progressive Web Applications: Part 2 - Lazy Downloads
  

• Libs & Plugins:
  • sharp - high-performance image processing on Node.js
  • 6 JavaScript libraries for user authentication for 2019
  • ForgJs easy object validator in javascript
  • How to fill the database with thousands of users using Knex.js and Faker.js
  

Entertaining

• How an 8-year-old boy became the highest paid YouTube player of 2018
• HackerOne introduced the "sandbox" for hacking skills
• Chinese Google Dilemma: The Dragonfly Search Engine Development History and Protests Against the “Threat to Free Internet”
• Official: Google will close Allo messenger in March 2019 and focus on developing Messages, Duo and Hangouts for business.
• Google personalizes the issue even in incognito mode - DuckDuckGo study
• UX state in 2019
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 .