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

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

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры    |    Занимательное    |    

Медиа

• AST, автоматизации, оптимизации или как прошла PiterJS conf #1
• JavaScript Meetup SuperJob: видеоотчёт
• Подкаст «Фронтенд Юность (18+)» #113: Осмелься на дабл зарплатейшн
• Подкаст «CSSSR»: Новости 512 — PWA-мифы, serverless API, дьявольский HTML, Vue-CLI 4 и Puppeteer 2
• Подкаст «Веб-стандарты» №201: Web standards, CSS multi-column, printing, display values, contributing
• Интервью: Вадим Макеев — «Пора переходить от разговоров к угрозам»
• KharkivJS #10 2019 — Javascript Conference, 30 видео
• JSConf Budapest 2019, 14 видео
• CSSConf Budapest 2019, 7 видео
• React Conf 2019, 27 видео

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

• Ещё 9 проектов для оттачивания Front-End мастерства
• Шесть задачек для Front-End разработчика
• Отладка Front End — это не только технический вопрос
• Фулстек аутентификация: Cookies и Local Storage

• Инструменты
  • Parcel — мой любимый сборщик проектов
  • Аудит проблем доступности с помощью Firefox Developer Tools
  • Chrome DevTools — 20+ советов и хитростей
  • Современный рабочий процесс во фронтенде. Часть 1: cоздание начального проекта с помощью NPM Scripts, Часть 2: бандлинг модулей с помощью Parcel, Часть 3: Создание Sass архитектуры
  

• Производительность
  • Джон Мюллер и Мартин Сплитт ответили на вопросы о скорости сайта
  • Ускорьте свой сайт с WebP
  • Предварительная загрузка шрифтов: когда это имеет смысл?
  

CSS

• Текущее состояние стилизации селектов в 2019 году
• Необычные случаи использования для псевдоэлементов
• Каждый использует CSS-фреймворки
• Есть ли случайные числа в CSS?
• Медиа-запросы в CSS — это не только max-width
• Вещи, которые мы не можем (пока) сделать в CSS

JavaScript

• Руководство по объектно-ориентированному программированию в JavaScript
• Отчет о безопасности JavaScript фреймворков 2019
• Малоизвестные опасности JavaScript
• 5 интересных, но не обязательно полезных трюков в Javascript
• Сравнение различных типов нативных всплывающих окон в JavaScript
• Обрезка изображений до определенного соотношения сторон с помощью JavaScript
• Введение в новые функции в TypeScript 3.7 и как их использовать

• Теория
  • Возможности современного JavaScript, о которых вы могли не знать
  • Как перестать бояться и полюбить Итераторы
  • Шаблон Модуль в JavaScript
  • Шаблон Facade в JavaScript
  • Методы JavaScript, которые должен использовать каждый новичок и профессионал
  • Окончательное объяснение метода Reduce в JavaScript
  • Преобразование объекта в массив
  • Современные функции JavaScript, которые вы, возможно, пропустили
  • Вы всё ещё не знаете JS: начата работа над 2-м изданием
  

• React
  • It’s All в the Head: управление head-секцией сайта на React  с помощью React Helmet
  • Mobile First анимация в React
  • Что я узнал о тестировании приложений React — Часть 1. Юнит тесты
  • React + D3.js
  • 31 шаг, чтобы стать профессиональным разработчиком React
  

• Vue
  • Почему в Vue 3 Composition API – reactive() будет считаться не нужным
  • Composition API RFC
  • Новинки влияющие на производительность во Vue.js версии 3
  • Создание приложения для поиска фильмов с помощью API Vue Composition
  • Почему вы должны использовать TypeScript с Vue
  • Развертывание статического сайта на NuxtJS в Cloudflare Workers
  • 10 советов по созданию и поддержке крупных проектов на Vue.js
  

• Angular
  • Освоение Angular 8: пять вещей, которые полезно знать, чтобы сэкономить ваше время.
  • Отладка утечек памяти в Angular
  • Миграция вашей Angular библиотеки на Jest
  

• Ember
  • Octane Release Update
  • Вариант использования для асинхронного генератора
  • Ember Octane Livestream: создание драм-машины
  

Браузеры

• Google разрабатывает встроенный блокировщик «тяжёлой» рекламы в браузере, который уже появился в Chrome Canary
• В Firefox будет прекращена поддержка прямой предустановки дополнений
• Mozilla, Cloudflare и Facebook представили TLS-расширение для делегирования короткоживущих сертификатов
• Microsoft представила логотип нового браузера Edge на движке Chromium
• В Chrome началось тестирование третьей редакции манифеста, несовместимой с uBlock Origin
• Что нового в DevTools (Chrome 79)
• Бизнес-кейс для прекращения поддержки Internet Explorer

Занимательное

• Google Поиск вскоре прекратит индексировать Flash-контент
• Google обновила алгоритм поиска: он затронет 10% запросов
• Самые крупные SEO-мифы по версии Билла Славски
• Как и для чего собеседовать работодателя
• «Начало познания природы вещей»: глава Google пояснил, почему поисковый гигант уделяет особое внимание квантовым вычислениям
• Худший отдел Microsoft с миллиардами убытков, который стал прибыльным: что помогло возродиться поисковику Bing

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

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