The digest of fresh materials from the world of the frontend for the last week №349 (January 21 - 27, 2019)

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

• Podcast “Web Standards”, Issue # 158: Web Standards website, events and communities, Safari TP news, recent articles, snippets and code editors, who need VR, GitNation foundation.
• Devshacht # 67: Security Issues
• Podcast "CSSSR" News 512 - Issue number 35 (January 21 - January 27)
• Podcast "Frontend Youth (18+)" # 81 Everything you wanted to know about GraphQL
• 5 minutes of React podcast # 23 - Hasura GraphQL Engine
• "ALL YOUR HTML" # s2e6: Raymarching, infinite space
• FrontSpot Show: Where did RSConf go? Melkosoft wins Facebook? Free ReactAmsterdam Tickets! . Pilot release of the new show

Web development

• SEO: Why rel = canonical can be ignored on sites using JS , and also why older sites can rank higher than more recent content.
• A story about how not to design an API
• Electron: development of desktop applications
• What I do not rummage in 2018 . Den Abramov decided to write a Russian translation of his popular article.
• Great separation . Two front-end developers are sitting in a bar. And they have nothing to talk about.
• What we learned about the trends in hiring developers in 2019 from the analysis of 112,654 coding tests
• How to create virtual reality using web technologies, new video series
• How we moved from Wordpress to React and raised $ 80 million
• Detailed review of Feature policy. Beyond the drafts.

• Performance:
  • Website optimization for GooglePage Speed ​​(all features are taken into account after its update) Part 1
  • Web usability matters
  • Preload links using Service Workers
  

• Instruments:
  • Webpack: an unexpected journey
  • What's new in DevTools (Chrome 73)
  • Future Yarn - v2 and after
  • rrweb ('record and replay the web'): a tool for recording and playing back user interaction on the web
  

• Animation:
  • Creating your own simulator of gravity and space
  • SVG Filter Effects: outline text with <feMorphology>
  • Les Animals - a site with outstanding design and animation.
  

CSS

• Gradient borders in CSS
• Text-transform and copy . What happens when you copy text with text-transform
• Web Design Templates
• CSS Grid Animation
• Flexbox.ninja is a website that helps to better understand the CSS Flexbox Layout Module.
• Gradians and Revolutions: the quiet heroes of CSS corners
• Your toolkit for creating CSS layouts in 2019 , - Rachel Andrew report
• Firefox DevTools for those who work with CSS
• Houdini Tutorial: CSS Drawing and Variables

Javascript

• JS-battle: how I wrote my eval ()
• We master async / await with a real example
• How to work with monetary values ​​in JavaScript
• Why every new PayPal web application starts with TypeScript
• What's new in javascript for 2019
• Dive into JavaScript: how to create a Hex2RGB color converter
• Finding the most repeating symbol

• TypeScript:
  • TypeScript Price
  • TypeScript ESLint - a repository with tools that allow ESLint to support TypeScript
  • Functional TypeScript: TypeScript standard for reliable serverless functions
  

• Node:
  • Free books on Node.js
  • Top 7 Node.js Developer Framework
  • Tools for working with HTTP requests in the node
  • Multi-thread Node.js: what are Worker Threads and how are they important?
  

• Theory:
  • Crib on modern javascript
  • 10 things every JavaScript developer should know
  • How to use JavaScript restructuring (ES6) to the full
  • JavaScript Iterator Templates
  • A complete guide to algorithms in JavaScript , a free course consisting of six lessons
  • What is tree shaking and how does it work?
  • 15 useful examples of using map (), reduce () and filter ()
  

• VueJS:
  • Review Vue.js 2.6
  • Vuex is easy!
  • 10 professional tips Vue.js from the masters of Vue
  • How to determine if Vue.js is the right framework for your next project
  

• React:
  • React: practices that will help become an advanced developer.
  • Why is X not a hook?
  • Utility in React 16.6.0
  • Email Verification with React
  • How to develop your React-superpowers using the Context API
  • Using Content Editable Elements in JavaScript (React)
  • How to understand reducers: you can use them without Redux
  • Understanding React Default Props
  • Understanding Fragments in React
  

• Angular:
  • The best of the world of Angular for the week - Digest number 1 (January 18 - January 25)
  • Angular 8: second beta available for download
  • Angular 6+ Travis CI with Headless Chrome
  • Angular optimization. Memoization of pipe functions in templates
  • Making the form error messages appear magical in Angular
  

• Libs & Plugins:
  • Comparing libraries for building diagrams in JavaScript
  • autoComplete.js - Simple autocomplete on vanilla javascript
  • hotkey: invoking an action on an item when you press a key on the keyboard
  

Browsers

• The story of one speedometer problem, or How Chromium drives memory
• Not only uBlock Origin, but also other extensions will suffer from new APIs in Chromium
• New edition of the Chrome manifest will make it impossible to use uBlock Origin
• In Firefox 66, the scroll offset due to loading images will be eliminated

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 .