The digest of fresh materials from the world of the front-end for the last week No. 402 (February 10 - 16, 2020)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Media     |    Web Development     |    CSS     |    Javascript     |    Browsers     |    Entertaining

Media

• Devshahta / Night Frontend Podcast No. 111: Mix CJS and ESM. Hexagonal architecture
• “UnderJS Podcast” No. 15: Plantations, lakes and Node.js with Nikolai Matvienko
• Podcast “Web Standards” No. 216: Manual SVG, Puppeteer 2.1 with Firefox, again Yarn 2, what is TeamCity, components in the Storybook
• CSSSR Podcast: News 512 - How do browsers work, GitHub news and test writing rules
• Repozitorro # 36 - Portfolio, or travel agency website?

Web development

• New Odnoklassniki frontend: launching React in Java. Part II
• An exhaustive guide to the iframe tag
• SEO 2020: current trends and approaches
• Inclusive components: a slider
• How to connect polyfills only when they are needed
• One day in the life of the Frontend Product Engineer in Slack
• What does the development of Progressive Web Apps (PWA) imply ?
• Angular 9, Ionic 5, React Navigation 5 - Web Dev Update February 2020

• Tools
  • Webpack 5 - Asset Modules
  • 11 useful online tools for frontend developers
  

• 
  • Page Speed ​​Benchmarks — ,
  •
  • JavaScript —
  

• 
  • PixiJS WebGL
  • SVG?
  • 3D- Cannon.js Three.js
  • «UI Interactions & Animations Roundup #3»
  

CSS

• Understanding CSS Grid: Creating a Grid Container
• Towards Responsive Elements
• Google Increased the Limit on Custom CSS for AMP
• Understanding CSS Grid: Grid Template Areas
• Styled Components vs. CSS Stylesheets
• One HTML, different CSS
• To meet responsive elements. Some information on the current status of Container Queries
• Chameleonic Header
• What is CSS4?
• How to create more readable CSS
• While you have not looked, CSS gradients have become better
• CSS properties object-fit and object-position: Cropping images embedded in HTML

Javascript

• We work with two-dimensional physics in JavaScript
• console.log is not part of the JavaScript language
• New JavaScript features in ES2019 (ES10)
• Why JavaScript eats HTML
• Ionic 5 announcement!
• UniversalModel - Unified state management for Angular, React, Svelte and Vue

• Theory
  • 5 recommendations for writing quality arrow functions
  • 7 recommendations for improving the reliability of JavaScript code
  • 4 methods of searching through arrays in JavaScript
  • How JavaScript implements object-oriented programming
  • Understanding quick sorting in JavaScript
  

• React
  • children React
  •   JS. React Native
  • React JavaScript. FrontSpot
  • React Router
  • React
  • React -
  

• Vue
  • Vue.js
  • Axios VueJS
  • Drag & Drop VueJS
  • Vue.js
  • mocking API Mirage JS Vue.js
  

• Angular
  • Angular
  • *ngIf else Angular
  

• Svelte
  • REST API Svelte
  • Svelte:
  

• Ember
  • The Ember Times — 134
  • The Ember Times — 135
  • ?
  •
  • ?
  • Angle Bracket Ember Octane
  • JS Party – Episode #114: Octane Ember HTML-first
  

• Libs & Plugins
  • DotMatrx.js — js , SVG canvas
  • esbuild — JavaScript-
  • plink-plonk.js: DOM .
  

Browsers

• Release of Firefox 73
• Firefox 73, an overview of technical details from Marat Tanalin
• How I created my own browser
• Demystification of browsers
• Mozilla lost browser wars. She still thinks she can save the Internet.

Entertaining

• Understanding memory management in modern programming languages
• GitHub started testing the command line interface
• New project for removing artifacts from JPEG
• Three working frameworks for developing soft skills in IT and not only
• 15 trends in 2020 in design
• 82% of vulnerabilities in the web applications are contained in the source code

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

Last week's digest .
Material prepared dersmoll and alekskorovin .