The digest of fresh materials from the world of the frontend for the last week №352 (February 11 - 17, 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 "Frontend Weekend" # 88 - What has changed over the year from Sergey Popov (about the creation of League A and the problem of front-enders without experience)
• Podcast "Frontend Youth (18+)" # 83 Switch to the star stack
• Podcast "CSSSR" News 512 - Issue №38 (09.02 - 15.02)
• Tournament: "The best JS-feature 2018" (PART 2)
• Frontreview Podcast # 5: The Right Summary and Junior Developer Portfolio
• Ember.js: documentary (official release)

Web development

• Html we lost
• About linters, code quality, quality in general and quality management
• A brief plan for studying the frontend, or # 100DayCode
• HTML5 Boilerplate updated to version 7
• Bootstrap 4.3.0 . Release of the new version, in which they refused to support jQuery
• Introduction to WebBluetooth
• Complete Guide - How to speed up GIF videos on the web

• Performance:
  • Improving the performance of web fonts with a real example
  • Prioritization of resources - using browser help
  • Preloading fonts and priority puzzles
  • DOM performance example
  • third-party-web - selection with brief information on the degree of influence of third-party scripts on websites on the web
  

• Instruments:
  • Build a Dream Bundle with Webpack
  • Meet: pika / pack - a new way to manage npm packages
  • What's new in DevTools (Chrome 73)
  • Puppeteer - my new development server
  

• Accessibility:
  • Uncanny A11y
  • Tips for making interactive elements accessible on mobile devices
  • Designing the interfaces of the future: inline SVG
  

• Spectacular web:
  • Effects of filtering SVG. Part 3. Image posterization effect using feComponentTransfer
  • Effects of filtering SVG. Part 4. Two-color images with feComponentTransfer
  • SVG Filter Effects: matching text with surface texture using <feDisplacementMap>
  • The effect of the grid fill the background using Anime.js
  • Water and Lemons - detailed picture on pure CSS
  
  

CSS

• New poll #StateOfCSS 2019 from the creators of StateOfJS
• The Dark Side of the Grid (Part 1)
• New approach to utilitarian classes of visibility based on CSS variables
• 10-Step Flexbox Guide
• Designed style sheets: seamless reusable styles - new
• The process of implementing user interface design from scratch on the example of the site header
• CSS selectors level 4
• Introduction to font metrics with a detailed explanation of the details of each aspect.
• On Grid or Flex?
• CSS Scroll Snap - how it works
• What is the difference between Flexbox and Grid?

Javascript

• 10 console commands to help debug the JavaScript code like a PRO
• Reliable javascript: chasing the myth
• Informatics in JavaScript: doubly linked lists
• 5 Ways to Create Real-Time Applications with JavaScript
• How to bring JavaScript out of the web in 2019
• Javascript funny moments
• How I got rid of the new sponsored Facebook posts.
• ES5 to ESNext - here are all the features added to JavaScript since 2015

• Theory:
  • Everything you need to know about async / await. Cycles, flow control, restrictions
  • State management . A series of lectures consisting of five videos by Ilya Klimov
  • A visual guide to the definitions and uses of JavaScript variables.
  • Basics of defining and floating variables in javascript
  • Learn pure functions with javascript
  

• TypeScript:
  • clean-code-typescript - Clean Code concepts adapted to TypeScript
  • ReasonML vs TypeScript: comparing their typing system
  • How to use Typescript with React and Redux
  

• React:
  • Why are React Hooks so excited me?
  • Creating a React autocomplete component from scratch
  • Animation in React
  • The magic of multi-step forms on React
  • Everything you need to create a custom React Hook
  • How to achieve accessibility support in React applications
  • What I learned after studying React for two nights, after several years of working with Angular
  

• Angular:
  • Angular Universal: everything an SEO specialist needs to know
  • Manage image breakpoints with Angular
  • Angular Console Tour
  • Creating a tooltip on Angular CDK
  

• VueJS:
  • VueJS 3.0: Revolution? . Opinion of Ilya Klimov
  • Creating a SPA on Vue.js for the sale of T-shirts
  • Turn static SVG drawings into interactive widgets and infographics with Vue.js
  

Browsers

• Mobile Opera has got free VPN
• Introduced new Opera browser interface.
• Browser Samsung Internet Browser broke the milestone of 1 billion downloads on the Google Play Store
• Microsoft employee: do not use Internet Explorer by default
• Chrome will support links to individual words and phrases in the text.
• Brave Memory Savings: A 33–66% reduction compared to Chrome
Go

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 .