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

• Podcast "Frontend Weekend" # 79 - Oleg Polyakov about the founding of CodeDojo and how it became the main place of work
• Podcast “Web Standards”, Release # 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 Wart uses Dart
• Podcast "Frontend Youth (18+)" # 73 Three Eddie Osmani Crusts
• Podcast "CSSSR": News 512 - Release №29 (12.11 - 18.11)
• Vadim Makeev's video blog 9. Menu for 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 the QUIC protocol will be standardized as HTTP / 3
• Get started with WebAssembly using only 14 lines of JavaScript
• Web.dev by Google - a new resource with detailed structured information on modern web development techniques
• The power of web components
• 5 reasons why static sites rule
• Highlights rendered from Chrome Dev Summit 2018
• Virtual DOM is slow. Meet the memorized DOM
')

• Performance:
  • Google redesigned PageSpeed ​​Insights tool.
  • Google released the Squoosh app for image optimization
  • Addi 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 held recently in Amsterdam
  • Inline or cache? Both options, please!
  • Retrospective work on performance in Mapbox Studio (large application on React - Redux with WebGL canvas render with Mapbox GL)
  

• Tools:
  • Distribute and Conquer: tools for creating and testing distribution
  • Frontend Development on iPad Pro (2018)
  

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

• Animation:
  • Page Flip Layout
  • flashlight effect for haunted house
  • Creative concept of the developer 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 a CSS Grid in production.

Javascript

• Google will fund JavaScript enhancements
• Playing Mortal Kombat with TensorFlow.js: transfer training and data supplement
• "TypeScript Definitive Guide" - a free online book on Typescript
• JavaScript Error Handling: The Complete Guide
• The chains of promises are dead. Long live async / await
• Creating your own interactive JavaScript sandbox
• Why Facebook api starts 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 I didn't know about
  • JavaScript Guide: part 1: first program, language features, standards , part 2: code style and program structure , part 3: variables, data types, expressions, objects
  • Entertaining javascript: no braces
  • 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)
  • Review of Render Props in React
  • Creating a React To-Do App with 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 ()
  • We 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 do not regret
  • Preview Vue.js 3.0 by Evan You
  • Creating 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 improved UX with Vue.js transitions and animations
  • Vuex visual explanation
  

• 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 minutes
  

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

Browsers

• Firefox will start notifying you of hacked sites, as well as price changes.
• Wayland support added to Firefox nightly builds.
• Mozilla is testing two new features in Firefox: Price Wise and Email Tabs
• Chrome is developing an API to create full-fledged custom applications.

Entertaining

• Seven new attacks on the speculative execution mechanism in the CPU
• The split among the splitters: what happened to the fourth by the capitalization of Bitcoin Cash cryptocurrency
• An inside look: about the Facebook product culture
• Google will open for all top level domain .dev
• 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
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 .