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.
• Podcast "Frontend Weekend" # 83 - Ilya Klimov on how and why the educational project JavaScript.Ninja was created
• Devshacht # 61: TypeScript and its support in JetBrains IDE
• Podcast "Frontend Youth (18+)" # 75 Tits on keyboard , # 76 How to pump 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 - an 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 the viewport when idle
  

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

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

CSS

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

Javascript

• About the advantages of embedding CSS in JS
• Who participated in the 2018 Survey JavaScript?
• Advanced JavaScript Injection
• Netflix Technology Blog: Our findings after GraphQL implementation
• Javascript: how far we have come
• The decisive match between tech trends: React vs Angular vs Vue
• Use these Javascript functions to make your code more readable.

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

• Theory:
  • Explicit JavaScript features
  • How JavaScript Works: Overview of Engine, Runtime, and Call Stack
  • JavaScript inheritance and prototype chain
  • ECMAScript - try something from ES2019 (ES10)
  • Public and private class properties
  

• React:
  • Before you - React Modern Web App
  • 9 static site generators on React for 2019
  • Render lists using React Virtualized
  • Writing 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
  • Selecting an interactive map theme using Vue.js
  

• Angular:
  • Writing custom TSLint rule for Angular
  • Option to inherit components in Angular, part 1
  • Making Angular Libraries 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 effortlessly
  • pika: search for modern npm packages. Get fast and lightweight JavaScript builds.
  • Why I don't use D3.js anymore
  

Browsers

• Release Firefox 64 , Details for developers in the review of Marat Tanalin
• New Edge will support Chrome extensions
• Opera released the first Android browser with Web 3 support and Ethereum built-in cryptograph
• Browser Brave completed the transition to Chromium
• Compilation of comments related to the recent situation with browsers 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 .