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
•

•

•

•

•

•

•

•

•

•


Web development
•

• HTTP over QUIC will be standardized as HTTP / 3
• Getting started with WebAssembly using only 14 lines in JavaScript
•

•

•

•

•

- 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 focusstyles
- Animation:
•Page Flip Layout
•flashlight effect for a haunted house
•Creative concept of a developer’s page (digital design)
CSS
• Flexbox usage examples
•

•

•

•

•

•

•


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
•

•

•

•

?

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

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 .