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

• Web Standards Podcast, Release # 150: Edge is now Chrome, Flutter for the Web, accessibility.
• Podcast "Weekend a Frontend" # 82 - Maxim Salnikov about how to move to Oslo and become a Google Developer Expert'om
• Devshahta - podcast: 60: Price of abstraction
• Podcast "Frontend Youth (18+)" # 74 Chinese treshka
• Video Blog Vadim Makeev: 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 uses of PWA
• Introduction to Background Fetch
• HTML Canvas API guide
• Protecting the site as if it were 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 using Three.js

• Tools:
  • 16 DevTools tips and tricks that 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 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 research
  

Browsers

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

CSS

• Painless CSS lint with stylelint
• Fill the gap between CSS and JavaScript: CSS modules, PostCSS and the future of CSS
• Venn diagram on CSS
• Creating switches with CSS variables
• CSS programming
• What do you call color variables for?
• A selection of creative text shadows on CSS with CodePen

Javascript

• Imba: a JavaScript-compatible language for quick work with the DOM
• Little-known JavaScript features
• This year in JavaScript: 2018 review and npm predictions for 2019
• Should Data Science professionals be trained in 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?
  • react-redux 6.0.0 release
  

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

• Node:
  • How to protect your Node.js application 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 a real Vue app” , - Nikita Sobolev's talk with Krasnodar Dev Days on how to test easily and quickly
  • 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 the Single-File Components, without CLI.
  

• React:
  • Creating animated applications on 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:
  • Optimizing Angular Applications
  • 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?
  • Progressive web applications with Angular: part 2 - lazy download
  

• Libs & Plugins:
  • sharp - high-performance image processing on Node.js
  • 6 JavaScript libraries for user authentication for 2019
  • ForgJs is an 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 in 2018
• HackerOne introduced hacking skills sandboxes
• Chinese Google dilemma: The history of the development of the Dragonfly search engine and protests against the “threat to free Internet”
• Officially: Google will close the messenger Allo in March 2019 and focus on the development of Messages, Duo and Hangouts for business
• Google personalizes the output even in incognito-mode - DuckDuckGo study
• UX status in 2019

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 .