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

• Web Standards podcast, 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
• CSSSR Podcast News 512 - Issue # 35 (January 21 - January 27)
• Frontend Youth (18+) Podcast # 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 don’t browse in 2018 . Den Abramov decided to write a Russian translation of his popular article himself
• The 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 an 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 overview Feature policy. Beyond the drafts.

• Performance:
  • Site optimization for GooglePage Speed ​​(all features are taken into account after it has been updated) Part 1
  • Web page usability matters
  • Pre-loading links using Service Workers
  

• Tools:
  • 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 copying . What happens when copying text with text-transform
• Web design patterns for web
• Animation of CSS Grid
• Flexbox.ninja is a website that helps you better understand the CSS Flexbox Layout Module.
• Gradians and Turnovers: silent CSS heroes of corners
• Your toolkit for creating CSS layouts in 2019 - report by Rachel Andrew
• Firefox DevTools for those working with CSS
• Houdini lesson: CSS drawing and variables

Javascript

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

• TypeScript:
  • Price TypeScript
  • 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 frameworks for developers
  • Tools for working with HTTP requests to the node
  • Multi-threading Node.js: what are Worker Threads and how are they important?
  

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

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

• React:
  • React: practices that will help you become an advanced developer
  • Why is X not a hook?
  • Utilities in React 16.6.0
  • Verification of mail with React
  • How to develop your React-superpowers using 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 No. 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 error messages of forms in Angular magical
  

• Libs & Plugins:
  • Comparison of libraries for building diagrams in JavaScript
  • autoComplete.js - Simple autocomplete on vanilla Javascript
  • hotkey: invoking an action on an element when pressing keys on the keyboard
  

Browsers

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

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 .