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
•
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
• 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.
•
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
•
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
•
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
Digest from last week .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers
Media
•

•

•

•

•


•

•

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

•

•

•

•

- 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
•

• Text-transform and copying . What happens when copying text with text-transform
•

•

•

•

•


•

•

Javascript
•

•

• How to work with monetary values in JavaScript
•

•

•

•

- 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:
• Thebest 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
•

•

• 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 .