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
• 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
• 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
• 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
• 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?
• 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
• 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
Digest from last week .
Material prepared dersmoll and alekskorovin .
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 .