The digest of fresh materials from the world of the frontend for the last week №343 (December 10 - 16, 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

---

Media

• Web Standards podcast, Issue # 151: Events and community in Tver, Firefox, scrolbars and engines, Quicklink and Resource Hints, offline, forms and tables.
• Frontend Weekend podcast # 83 - Ilya Klimov on how and why the JavaScript.Ninja educational project was created
• Devshacht # 61: TypeScript and its support in JetBrains IDE
• Frontend Youth (18+) podcast # 75 Tits on keyboard , # 76 How to get a front-end community
• CSSSR podcast Remote Talk # 03 - Alexey Volkov and Olesya Kozlova, Chelyabinsk
• “ALL YOUR HTML” # s2e1: “Satellite Text” (simple text around the picture), the first stream of the new season

Web development

• How browsers work - introduction to web application security
• Overview of front-end development in 2018
• GraphQL code generator
• Creating an animated authorization form for TouchID

• Performance:
  • Anti-performance pattern: Base64 Encoding
  • Measuring the impact of Chrome extensions on performance
  • All about prefetching
  • GoogleChromeLabs / quicklink - a tool that speeds up page preloading, pre-selecting links in a viewport during idle time
  

• AMP / PWA:
  • Case: how Pinterest switched to PWA and increased user activity by 60%
  • Is there a cold war between Android and Chrome because of PWAs?
  • Faster than AMP
  

• Accessibility:
  • JavaScript and civil rights. Use of our tech. skills to protect equal rights of users
  • Not an ancient navigation strategy: it's more than just the TAB key
  • Using aria-live
  • Does everything change? What can happen to the accessibility law in the UK after Brexit
  • The Firefox Accessibility Inspector can now see the contrast of the WCAG, including the range of values ​​for the gradient background
  

CSS

• Just use styles for: focus, damn it.
• Introduction and CSS Object Model Guide (CSSOM)
• DebuCSSer - a CSS debugging tool with an unpronounceable name
• CSS-in-JS or CSS-and-JS
• The visibility property is not just about element visibility
• When are the: hover,: focus and: active pseudo-classes used?
• Check whether the input is empty with CSS
• Examination of properties in CSS specifications
• Mathematics in CSS

Javascript

• About the benefits of embedding CSS in JS
• Who participated in JavaScript 2018 Survey?
• Advanced JavaScript code injections
• Netflix Technology Blog: Our findings after GraphQL implementation
• JavaScript: how far we have come
• Decisive challenge between tech trends: React vs Angular vs Vue
• Use these Javascript features to make your code more readable

• Node.js:
  • Machine learning with Node.js using the Tensorflow.js library
  • Starting the drone using React and Node.js! (100% JavaScript!) - part 1
  • 19 ways to become better for Node.js developers in 2019
  • Node.js API and web frameworks for 2019
  

• Theory:
  • Explicit JavaScript features
  • How JavaScript works: a review of the engine, runtime and call stack
  • Inheritance in JavaScript and a prototype chain
  • ECMAScript - try something from ES2019 (ES10)
  • Public and private properties of classes
  

• React:
  • Before you - React Modern Web App
  • 9 static site generators on React for 2019
  • Render lists with React Virtualized
  • Write React code faster with simple React snippets
  • React optimization tips
  • Async React with React & Router Suspense
  • React: State & Props IRL
  

• VueJS:
  • Stories, chapters and paragraphs: structuring content using Storyblok and Vue.js
  • Choosing an interactive map theme using Vue.js
  

• Angular:
  • Writing custom TSLint rule for Angular
  • Option for inheriting components in Angular, part 1
  • Making the Angular library even better - part 1
  • Migrating from AngularJS to Angular - a new strategy
  

• Libs & Plugins:
  • matchit: quickly parses and compares URLs
  • Rendora: dynamic server rendering using headless Chrome to solve SEO problems with modern React, Vue, Angular frameworks effortless
  • pika: search for modern npm packages. Get fast and lightweight JavaScript builds.
  • Why I don't use D3.js anymore
  

Browsers

• Firefox 64 release , details for developers in Marat Tanalin's review
• New Edge will support Chrome extensions
• Opera has released the first Android browser with Web 3 support and Ethereum built-in crypto- browser
• Brave browser has completed its transition to Chromium
• A selection of comments on the recent browser situation and Edge

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 .