The digest of fresh materials from the world of the frontend for the last week №337 (October 29 - November 4, 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 “Web Standards”, Issue # 145: Dark mode in Safari, WebAssembly in Chrome, what's new in CSS, sorting CSS properties, variable fonts with foldback, why designers don't get hooks, or React in new ways.
• Podcast "Frontend Weekend" # 77 - Alexander Amosov about why you should start working with 3D in the browser
• Podcast "Frontend Youth (18+)" # 71 To work for Ilon Mask through rectal hooks
• Devshakhta Podcast: # 55: Being a Tie Lead
• The podcast "CSSSR" News 512 - Issue №27 (29.10 - 04.11)
• Vadim Makeev's video blog number 8. Who are the developers, manual SVG and exciting underscore
• DevShow from loftblog # 86: PostCSS, junk javascript, caching

Web development

• Creating your own dysfunctional SPA in five easy steps.
• Tags to DOM . How HTML tags are transformed into building blocks that form what we see on the screen
• The importance of using standards in development teams
• How I do full web development from my iPad Pro
')

• Performance:
  • How we managed to speed up the mobile version of the site Carousell 3 times
  • Performance as an object of the first class - Section 1: continuous measurement and instrumentation
  • 2019 is the year under the sign of Page Speed. You are ready?
  • Three types of performance testing
  

• Instruments:
  • Prettier, ESLint, Husky, Lint-Staged and EditorConfig: neat code writing tools
  • 5 ways that DevTools made my life easier
  • Introduction to FuseBox, an alternative to webpack
  • Release Storybook 4.0 , an interactive UI component for developing and testing React, React Native, Vue, Angular and Ember
  

• Accessibility:
  • Ramp for the site - the report of Ivan Bakaidov at DevFest Moscow
  • An introduction to web accessibility that I would like to have
  • Destruction of five myths of digital accessibility
  

CSS

• Learn CSS Grid in 5 minutes
• Implementing a variable font with a web-based fallback
• CSS working group at TPAC: what's new in CSS?
• About switching from HEX & RGB to HSL
• How to organize your CSS using modular architecture (OOCSS, BEM, SMACSS)
• How to write really awful css
• Simple naming in the Grid Area
• Animation of preview images in grids

Javascript

• Wormholes in JavaScript
• Refactoring in NodeJS using higher order functions
• Google will deny access to your account when JavaScript is disabled in the browser
• GraphQL - good and bad
• Orientation in the creepy world of javascript
• Personal review of tools for automatic testing in the world of JavaScript
• A complete modern JavaScript reference.

• Theory:
  • Higher Order Functions in JavaScript
  • Why the map function does not work with some arrays in javascript and what to do about it
  • 4 uses Array.map () in JavaScript, which you should be aware of
  • Evolution of asynchronous JavaScript: from callbacks to promises and Async / Await
  • JavaScript Design Patterns
  • Copying Objects in Javascript
  

• VueJS:
  • Vuex demystification - state container for for Vue
  • Voice-controlled Web Visualization with Vue.js and Machine Learning
  • Creating a WordPress Plugin with Vue
  • Arguments to switch your company to Vue
  • Creating a SPA with Go and Vue
  • The smart way to call Vue API
  • Full Stack Radio 99.5: Sébastien Chopin - Building Universal Vue.js Apps with Nuxt.js
  

• React:
  • What and how to test using Jest and Enzyme. Complete instructions for testing React components
  • Application of SOLID principles in the development of React-applications
  • Understanding the React Hooks , article by Den Abramov
  • React hooks: no magic, just arrays
  • All you need to know about React Hooks
  • React Hooks Collection
  • Different ways to manage states in React
  • The relationship of love and hate between React Router and React Components
  • Create React App 2.0: what's new?
  • Lazy-loading components in React 16.6
  • Redux briefly for React developers (hint: it's not difficult)
  

• Angular:
  • Studying Angular 6 to build full-stack applications
  • What's new in Angular 7.0 and how you can upgrade
  • GreenSock usage patterns in Angular
  • Tutorial on creating simple PWA with Angular and Lighthouse - a clone of Hacker News
  

• Libs & Plugins:
  • PWA Install Prompt
  • Introduction to plotly.js - open source graphic library
  • simple-keyboard — Virtual Javascript keyboard compatible with your projects on ES6, React, Vue, Angular or jQuery
  • ervy : graphics in terminals
  

Browsers

• Firefox 63 , technical review by Marat Tanalin
• Firefox 65 will support WebP image format
• Available compact mobile browser Firefox Lite 1.0.0
• New machine learning systems from Facebook and Google. Code for coloring black and white photos
• WebAssembly Threads Ready for Sample in Chrome 70
• Lessons learned after defeat: remove old debugger from Firefox

Entertaining

• A selection of fresh courses for IT students from famous universities
• Google launches reCAPTCHA v3, which automatically recognizes bad traffic.
• Facebook is developing an AI that will make it easier for people with disabilities to watch videos.
• Whether or not it was: a review of the Bloomberg inquiry into Chinese spy chips
• Bitcoin 10 years: what to expect next
• “Cloud professions of the future”: what will the IoT architect and AI programmer do?
• ABBYY founder David Yang - about Yva service for analyzing employee behavior, AI hazards and role models
• Chronology of technology development: human-like robots
• Who needs it all: the reaction of developers and designers to new devices from Apple
Go

A few ads at the end: the next frontend digest will be the latest in the Zfort Group corporate blog. In a week, all articles will be published from the alexzfort account, as well as in the blog of the official website of the company . Among other things, there is an opportunity to subscribe to the mailing list, the plans have advanced versions, new formats, personalization and other buns in the context of improving usability of this kind of content.

Digest from last week .
Material prepared dersmoll and alekskorovin .