The digest of fresh materials from the world of the frontend for the last week №339 (November 12 - 18, 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

• Frontend Weekend podcast # 79 - Oleg Polyakov about the founding of CodeDojo and how it became the main place of work
• Web Standards podcast, Issue No. 147: Chrome Dev Summit, Personal Data API, HTTP / 3 on UDP , web components
• Five-Minute React podcast # 49 - bem-react-core
• Devshacht - Podcast: 57: How Wrike uses the Dart language
• Frontend Youth (18+) podcast # 73 Three Eddy Osmani crusts
• “CSSSR” podcast: News 512 - Issue No. 29 (12.11 - 18.11)
• Vadim Makeyev's video blog 9. Menu menu, grids or Bootstrap, expediency of convenience
• KharkivJS # 9 2018 , 32 videos
• FrontTalks 2018 , 16 videos
• Chrome Dev Summit 2018 - All Sessions

Web development

• Goodbye, Electron. Hello, desktop PWA
• HTTP over QUIC will be standardized as HTTP / 3
• Getting started with WebAssembly using only 14 lines in JavaScript
• Web.dev by Google - a new resource with detailed structured information about modern web development techniques
• The power of web components
• 5 reasons why static sites rule
• Highlights from the Chrome Dev Summit 2018
• Virtual DOM is slow. Meet the memorized DOM

• Performance:
  • Google redesigned PageSpeed ​​Insights tool
  • Google released Squoosh image optimization application
  • Addie Osmani about browsers, JS and its optimization
  • Measurement, optimization and monitoring . Addy Osmani on how to properly invest in performance
  • Review reports from the performance.now () conference recently held in Amsterdam
  • Inline or cache? Both options, please!
  • Retrospective work on performance in Mapbox Studio (large application on React - Redux with WebGL canvas renderer with Mapbox GL)
  

• Tools:
  • Share and Conquer: tools for creating and testing distribution
  • Development of frontend on iPad Pro (2018)
  

• Accessibility:
  • The importance of heading levels for assistive technologies
  • Why using `tabindex` values ​​is higher than“ 0 ”is bad
  • Keyboard-specific focus styles
  

• Animation:
  • Page Flip Layout
  • flashlight effect for a haunted house
  • Creative concept of a developer’s page (digital design)
  

CSS

• Flexbox usage examples
• “C” in CSS: The Cascade
• How to get rid of unused CSS to facilitate CSS files
• Difference between currentColor and Custom Properties
• Braces to Pixels . Detailed article on alistapart on how CSS code turns into pixels on the screen
• Smooth text scaling in JavaScript & CSS
• Hardcore CSS calc ()
• A short video on how the basecamp.com team uses CSS Grid in production

Javascript

• Google will fund improvements in JavaScript frameworks
• Play Mortal Kombat with TensorFlow.js: transfer training and add data
• TypeScript Definitive Guide - free online Typescript book
• Error handling in JavaScript: complete guide
• Promise chains are dead. Long live async / await
• Creating your own interactive JavaScript sandbox
• Why does Facebook api start with a for loop
? After two years of using TypeScript - was it worth it?

• NodeJS:
  • Node.js sleep, usleep, msleep . How to slow down the flow and pause
  • How to use NodeJS without frameworks and external libraries
  • Offline Node.js documentation (PDF)
  

• Theory:
  • Execution context and call stack in JavaScript
  • JavaScript features that I did not know
  • JavaScript guide: part 1: first program, language features, standards , part 2: code style and program structure , part 3: variables, types data, expressions, objects
  • Entertaining JavaScript: Without curly brackets
  • Execution context and call stack - visual illustration in the form of a cut cake
  

• React:
  • Introduction to React Hooks
  • Why React Hooks, and how did you even get to that?
  • Concepts you need to know in React.js (after learning the basics)
  • Overview of Render Props in React
  • Creating a React To-Do App using React Hooks (No Class Components)
  • How to use React.lazy and Suspense for lazy loading of components
  • Hooked on hooks: how to use React's useReducer ()
  • Make React reactive using hooks
  

• VueJS:
  • How to configure the setting of Nuxt.js environment variables in runtime, or How to do everything not like everything and not regret
  • Preview Vue.js 3.0 from Evan You
  • Create your first Vue.js PWA project
  • How we use Redux & Redux- Observable with Vue (v3.0 journal)
  • Offline-First Vue apps with Hoodie & Workbox
  • Design an improved UX with Vue.js transitions and animations
  • Visual explanation of Vuex
  

• Angular:
  • Optimization of event handling in Angular
  • Angular - all reports from AngularConnect for 2015-2018
  • Getting started with the Angular App and Angular CLI in a few minutes
  

• Libs & Plugins:
  • TensorSpace.js - a framework for 3D visualization of neural networks, building interactive and intuitive models in browsers, support for pre-trained deep learning models from TensorFlow, Keras, TensorFlow.js
  • TNG-Hooks - provides inspired by Hooks like useState (..) for autonomous functions
  • router: a simple JS router for solving a single task without React, Angular or Vue frameworks
  

Browsers

• Firefox will start notifying about visiting hacked sites, as well as price changes
• Wayland support has been added to Firefox night builds
• Mozilla is testing two new features in Firefox: Price Wise and Email Tabs
• Chrome is developing an API to create full custom applications

Entertaining

• Seven new attacks on the mechanism of speculative execution in the CPU
• Split among dissenters: what happened from the fourth on the capitalization of Bitcoin Cash cryptocurrency
• A look from the inside: about Facebook's product culture
• Google will open for all .dev top-level domains
• Microsoft grows cucumbers better than Tencent and Intel. Founded by Bill Gates, the company seems to have finally found its calling
• Octoverse Statistics: Top Programming Languages ​​in 2018

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 .