Дайджест свежих материалов из мира фронтенда за последнюю неделю №394 (15 — 22 декабря 2019)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры

Медиа

• Подкаст CSSSR, Новости 512 — V8 8, Vue 3, микробраузеры, RUM, security-релизы и опросы
• UnderJS Podcast #12 — Денис Радин про конференции и WebGL [Ламповый]
• Подкаст «Фронтенд Юность (18+)» #119 Балансировка через плечо
• Подкаст «Пятиминутка React»: Effector
• Подкаст CSSSR, Remote Talk #10 — Виталий Слободин, Ростов-на-Дону, JS после C#, PhantomJS, работа в GitLab
• MinskCSS Meetup #7 — 12 декабря 2019

Веб-разработка

• Взлом с помощью Юникода (на примере GitHub)
• 30 полезностей для Firefox Developer Tools
• Как быстро провести тестирование и инспекцию своего веб-сайта?
• Что такое TDD и BDD на пальцах, и что должен знать о них фронтендер
• Новый экспериментальный облик CSS-live.ru
• State of JavaScript 2019. Результаты ежегодного опроса веб-разработчиков
• Мой идеальный стек 2020 года: новый стек для нового поколения
• Добавление динамической и асинхронной функциональности на сайты c JAMstack
• Крис Койер: сегодняшняя веб-разработка проще или сложнее, чем была 10 лет назад?
• Современный веб становится непригодной для использования, враждебной для пользователя пустошью
• Лучшие практики использования сервис-воркеров в разработке
• Front-end 2020 Roadmap и тренды | Что учить в 2020?

• PWA
  • Всё, что нужно знать о Progressive Web App (PWA)
  • Как превратить ваш сайт в прогрессивное веб-приложение (с примерами кода)
  • Как я создал свое второе Прогрессивное веб-приложение (PWA)
  

• Производительность
  • Быстрая загрузка веб-страниц на телефоне за 20 долларов
  • Бандлинг в JavaScript для повышения производительности: лучшие практики
  • Производительность для разработчиков. Часть 1: Типографика
  

CSS

• Топ 5 причин, почему мне нравятся пользовательские свойства CSS
• CSS-модуль режимов письма (Writing Modes) 3 уровня официально стал стандартом W3C
• RTL Styling 101 — подробное руководство по использованию RTL в CSS
• Динамический цвет на основе данных с помощью JavaScript, HSL и CSS переменных
• <select> your poison
• Понимание позиционирования в CSS
• 3 малоиспользуемые функции CSS для изучения в 2020 году
• Кастомизация чекбокса по версии 2020 года
• Библиотека минималистичных иконок, реализованных на CSS
• Современное масштабирование типографики
• Гибкие наклонные изображения с подписями
• Выравнивание в Flexbox. Визуальная шпаргалка по margins

JavaScript

• Релиз V8 v8.0
• Обзор Svelte 3
• Threading в вебе с помощью module workers
• Scroll, Refraction и Shader Effects c помощью Three.js и React
• Глубокое погружение в типы TypeScript — Часть 2. Absence of Value
• Взгляд на все 13 ловушек JavaScript Proxy

• Теория
  • Начало работы с методами JavaScript-массивов .map(), .filter() и .reduce()
  • Пять интересных способов использования Array.reduce () (и один скучный)
  • Бесконечность в JavaScript
  • Случаи использования void в современном JavaScript
  

• React
  • Скрытая цена CSS-in-JS-библиотек в React-приложениях
  • Почему Svelte не убьет React
  • 10-строчный аккордион на React с использованием нативных тегов HTML
  • Два урока, которые я извлек из создания React компонентов
  • Как React научил меня JavaScript
  • Лучшие практики для обработки сложных формы с использованием React-хуков
  • Как создать Serverless File-Management System с помощью React
  

• Angular
  • 5 вещей, которые я бы хотел знать, когда начинал использовать Angular
  • Руководство по созданию PWA на Angular 8
  • Angular 9.0.0 и улучшения Ivy
  

• Ember
  • Состоялся релиз Ember 3.15 «Octane»
  • Octane уже здесь. Технические детали релиза
  • Наиболее распространенные ошибки Ember.js Octane и как их избежать
  • Разбираемся с шаблонами в Ember Octane
  • Оптимизация вашего приложения с EmberData: Часть 1, Часть 2
  

• Libs & Plugins
  • Виджет для отображения фазы Луны
  • Alpine.js — реактивный и декларативный микрофреймворк для описания поведения JS в вашей разметке
  

Браузеры

• Разработчики теперь могут опубликовать расширения для Edge на Chromium в Microsoft Edge Addons
• Обновление Chrome 79 для Android привело к исчезновению данных приложений на базе WebView

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.