The digest of fresh materials from the world of the front-end for the last week No. 363 (April 29 - May 5, 2019)

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

Web Development     |    CSS     |    Javascript     |    Browsers     |    Entertaining

---

Media

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

Web development

• TDD: a development methodology that has changed my life
• Creating web components for different contexts
• A practical guide to SVG and design tools
• A billion ways to display SVG
• Simplest ways to handle HTML Includes
• How to set up facial verification in a simple way using HTML5 + JavaScript

• Performance:
  • AMP in WordPress, optimal use cases
  • AMP news review: AMP as a service, signed exchanges, Bento, CSS tree shaking
  • Improving The Telegraph performance by optimizing third-party resources
  

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

CSS

• Immersion in the display property
• Many ways to create breadcrumbs in the style of triangular ribbons
• Implement mocap: create CSS layouts step by step
• Create 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 fixing common errors in JavaScript
• New releases: Babylon.js 4.0 , Electron 5.0.0 and jQuery 3.4.1 with triggering focus events in IE and finding root elements in iOS 10
• Many ways to enter data in graphs
• Create a new one facebook.com with React, GraphQL and Relay
• Introduction to cryptography for JS developers
• Optimizing JS application performance using 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 at once
  

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

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

• React:
  • Тестируем React в 2019
  • Как определить и решить проблемы с потерянными рендерами в React
  • Пять вещей, которых вы не знали о React DevTools
  • create-react-app v3, что нового?
  • Загрузка страниц в React со скелетон-плейсхолдерами
  • React: JSX и рендеринг
  

• Angular:
  • Angular умирает из-за React?
  • Разбираемся с модулями в Angular
  • Angular: постоянные проблемы, с которыми я сталкиваюсь как фронтенд-консультант
  • Что такое Angular Console и почему вы должны о ней знать
  • Тестирование и эмуляция зависимостей в Angular
  

• Libs & Plugins:
  • shimport: используй JavaScript модули c динамическими импортами включительно, во всех браузерах
  • jquery-csv: релиз плагина на jQuery для парсинга CSV
  • aria-progress-range-slider: полностью доступный, легковесный progress bar/range слайдер
  

Браузеры

• Users and developers suspected Google of deliberate crashes in the browsers of Microsoft, Yandex and Mozilla
• YouTube had a conspiracy to eliminate Internet Explorer 6, but the administration of the service did not know about it
• Today, many popular add-ons for Firefox stopped working due to problems with a certificate
• Brave browser implements an advertising platform based on user rewards
• A ban on code obfuscation is introduced in the Firefox add-ons catalog
• Release notes for Safari Technology Preview 81

Entertaining

• In short: what Facebook announced at the F8 conference
• Google will deal with the destruction of SEO myths in a new video series
• Facebook has opened the implementation of F14 hash tables
• WPCampus Gutenberg audit revealed “significant and deep problems with accessibility”
• Apache Foundation transferred its Git repositories on GitHub
• Full Stack Confession . Profession, religion, dreams
• What programming languages ​​should not be studied in 2019
• Documentation as a code: six principles of programming that will help to create documents that everyone understands

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 .