The digest of fresh materials from the world of the frontend for the last week №363 (April 29 - May 5, 2019)

We offer you a selection with links to new materials from the front-end area and around it.

Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Podcast Web Standards , 174. Chrome 75, Specter, slot, Svelte and Parcel, font download, indie-open source
• Podcast "Frontend Youth (18+)" : # 91 Black hole frontend

Web development

• TDD: development methodology that changed my life
• Creating web components for different contexts
• A practical guide to SVG and design tools
• A billion ways to display SVG
• Simplest HTML Processing Methods Includes
• How to configure face verification in a simple way using HTML5 + JavaScript
')

• Performance:
  • AMP in WordPress, best use cases
  • AMP news review: AMP as a service, signed exchanges, Bento, CSS tree shaking
  • Improving The Performance Of The Telegraph By Optimizing Third-Party Resources
  

• Instruments:
  • packtracker.io - webpack bundle analyzer at every commit
  • How to configure the debugger for Chrome extension in Visual Studio Code
  

CSS

• Immersion in the display property
• Many ways to create bread crumbs in the style of triangular ribbons
• Mocap implementation: creating CSS layout step by step
• Creating rounded triangles in CSS using clip-path
• Create an adaptive layout with a grid without media queries using CSS Grid
• Combining CSS Grid with Bootstrap Grid
• Revising prefers-reduced-motion, media query to limit animations on the web

Javascript

• Debugging and troubleshooting common JavaScript errors.
• New releases: Babylon.js 4.0 , Electron 5.0.0 and jQuery 3.4.1 with triggering focus events in IE and root-lookup in iOS 10
• Many ways to enter data in graphs
• Creating a new facebook.com with React, GraphQL and Relay
• An Introduction to Cryptography for JS Developers
• Optimize JS application performance with Web Workers

• NodeJS:
  • What's new in Node 12
  • Simple automation of npm publications
  • dotenv: loads environment variables from .env for nodejs projects
  • 4 solutions for running multiple Node.js or NPM commands simultaneously
  

• Theory:
  • Javascript: 7 useful things
  • Introduction to javascript async & await
  • Deep understanding of JavaScript Async & Await with examples
  • An introduction to Javascript for experienced programmers who are good at basics.
  • Javascript Array.push is 945x times faster than Array.concat
  
  

• VueJS:
  • Making the transition from jQuery to Vue
  • Testing your application on Vue with Jest and Travis CI
  • Custom build modes with Vue CLI 3
  • Apollo state management in Vue applications
  • Understanding Mixin in Vue JS
  • Error handling in Vue.js
  • Step-by-step analysis of the implementation of reactivity in Vue
  

• React:
  • Test React in 2019
  • How to identify and solve problems with lost renders in React
  • Five things you didn't know about React DevTools
  • create-react-app v3, what's new?
  • Loading pages into React with skeleton placeholders
  • React: JSX and Rendering
  

• Angular:
  • Angular dies because of React?
  • Understanding Angular Modules
  • Angular: constant problems that I encounter as a frontend consultant
  • What is Angular Console and why you should know about it
  • Testing and emulation of dependencies in Angular
  

• Libs & Plugins:
  • shimport : use JavaScript modules with dynamic imports, inclusive, in all browsers
  • jquery-csv: jQuery plugin release for parsing CSV
  • aria-progress-range-slider : fully accessible, lightweight progress bar / range slider
  

Browsers

• Users and developers suspect Google of deliberately crashing Microsoft, Yandex and Mozilla browsers
• On YouTube, there was a plot to eliminate Internet Explorer 6, but the administration of the service did not know about it.
• Today, many popular add-ons for Firefox have stopped working due to certificate issues.
• Brave Browser introduces an advertising platform based on user rewards.
• In the directory of add-ons to Firefox, a ban on code obfuscation
• Safari Technology Preview 81 release notes

Entertaining

• In short: what Facebook announced at the F8 conference
• Google will deal with the destruction of SEO-myths in the new video series
• Facebook opened implementation of F14 hash tables
• Gutenberg's audit by WPCampus revealed “significant and deep accessibility issues”
• Apache Foundation has transferred its Git repositories to GitHub
• Confession fullstek . Profession, religion, dreams
• What programming languages ​​should not be learned in 2019
• Documentation as code: six programming principles that will help create documents that everyone can understand
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 .
The material was prepared by dersmoll and alekskorovin .