The digest of fresh materials from the world of the frontend for the last week №340 (November 19 - 25, 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" # 80 - Gordey Levchenko on moving to Kazakhstan and the development of the frontend community in Astana
• “Devshakhta Podcast”: # 58: UFADEVCONF, Node.js status in 2018
• The podcast "CSSSR" News 512 - Issue №30 (19.11 - 25.11)
• Vadim Makeev Video Blog 10. Skillbox, graphics optimization, Squoosh and element picture
')

Web development

• On the way to QUIC: what is the basis of HTTP / 3
• We develop your browser from scratch. Part One: HTML
• Web workers vs Service workers vs Worklets
• Why and how to use WebP images today
• Examine the Shadow DOM
• WebSockets - deeply immersed in concept
• Rewriting Git Story and JS Source for Fun and Benefit

• Performance:
  • You do not need PWA or AMP to make your sites fast.
  • Five "why" about the performance of downloading web fonts
  • Second significant content: worst performance metric
  • Fast Google Fonts work with Cloudflare Workers
  

• Tools:
  • JetBrains updated IDE WebStorm to version 2018.3
  • Demoboard: an online sandbox for creating demos on JS and Markdown, which imports any package with npm. No more bothering with package.json and node_modules
  • create-yo: use any Yeoman generator. Do not install.
  

• Accessibility:
  • European law on accessibility: negotiations between Parliament and the Council of the EU
  • Multimedia availability: is it important?
  

CSS

• Cooking perfect CSS
• Flexbox. Technology infographics
• Some CSS tips
• Progressive improvement | CSS rule @supports
• The current state of the possibility of styling scrollbars
• Separators inside <select>
• CSS Exclusions will hopefully look like more advanced grid-friendly floats
• Another explanation of the principles of the CSS Position Absolute
• CSS writing mode experiments
• And once again about the order of properties in CSS

Javascript

• Mutational analysis, or how to test tests
• 5 jQuery-features that have switched to native JavaScript
• 10 console commands to simplify debugging JavaScript code
• The State of JavaScript 2018
• The “State of JS” poll is a farce
• Experimenting with Brain Computer Interfaces in JavaScript
• Introducing Imba: a JavaScript-compatible language for the fastest DOM experience
• Dart for JavaScript programmers
• Add pipeline operator (pipelines) to javascript
• 7 excuses for not using TypeScript
• htm: Hyperscript Tagged Markup : an alternative to JSX using standard tag templates with compiler support

• Theory:
  • Understanding JavaScript Memos for Performance
  • Copying everyone in JavaScript: how to distinguish between shallow and deep copying
  

• React:
  • Idiomatic Redux: React-Redux Implementation History
  • How to create a Todo List using React Hooks
  • 5 ways to style React components in 2019
  • Simple reuse code with React Hooks
  • How to create a three-layer application on React
  • End-to-end functionality in React using high order components, Render Props and hooks
  • E-Commerce for React Developers [w / Gatsby Tutorial]
  • React state (based on State of JavaScript Survey 2018)
  • JSX is syntactic sugar
  • React Podcast 29: Don't Rewrite Your App for Hooks and Suspense with Jared Palmer
  

• VueJS:
  • Vue for jQuery developers
  • How to create a SPA using Vue.js, Vuex, Vuetify and Firebase
  • Create interactive infographics with Vue.js
  • Vuex typing without TypeScript
  • Interactive deck of cards with the ability to swipe on Vue.js and interact.js
  

• Angular:
  • Create interactive listings with the new Angular 7 Drag and Drop tool
  • Awesome Angular GraphQL - selection of resources
  • Error Handling with Angular 6 - Tips and Best Practices
  • The State of JavaScript Survey 2018 in the context of Angular
  • Creating searchable patterns in Angular
  

• Libs & Plugins:
  • autoComplete.js - simple autocompletion on pure Javascript
  • Creating music with magenta.js
  • cms.js: client site generator
  

Spectacular web

• How to work with matrix in SVG filters
• The effect of fire within #codevember
• The effect of morphing on the change of US states
• Interactive orano.group page with a cool combination of effects and functionality.
• Heavy Duty Websites

Browsers

• In Firefox 65, the content lock settings interface will be redesigned.
• A browser attack is introduced, allowing you to define a site in another tab.
• Microsoft and Google are developing a version of the Chrome browser for Windows on ARM

Entertaining

• Black Friday Human Price
• Machine Learning at Google: What's New?
• On sites with WordPress attack is underway, using the vulnerability of the plugin AMP for WP
• WWW: JPEG Archive - a set of utilities for optimal photo compression
• Mozilla introduced the LPCNet speech synthesis system
• “Bendgate 2”: The new Apple iPad Pro is quite easily deformed - even after a few days of typical use.
• How to increase productivity - tips from 9 CEOs

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 .