Фронтенд-дайджест №355 (4 — 10 марта 2019)

Начнем неделю с классики:

Медиа

• Подкаст «Веб-стандарты», Выпуск №164: 11 марта 2019: Автор JS-интенсивов, встроенный скроллер в Chrome, развитие SVG и & в CSS, Preact и технологии интенсивов, JS для старых браузеров и итераторы, модули и импорт без Webpack.
• Подкаст «Фронтенд Юность (18+)» #86 Том Дейл получил оскар за Росомаху с Дэном Абрамовым
• Подкаст «devschacht»: 72: Серверный рендеринг — это основы
• Видеоблог Вадима Макеева: 16. Звёздный рейтинг ⭐️⭐️⭐️⭐️⭐️
• FrontSpot Show #3: Нужно ли знать ES5, новые доки React, код ревью, викторина СSS, GraphQL

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

• Как подступиться к fullstack-разработке сегодня, если ты проспал десять лет

• Веб-компоненты в реальном мире

• Как сэкономить ресурсы в браузере и не сломать веб. Доклад Яндекса

• Состояние и возможности Houdini API. Worklet’ы и немного про Event Loop.

• Беспарольный WebAuthn стал официальным веб-стандартом

• Настоящая виртуальность: соединение реальных вещей с виртуальной реальностью с использованием веб-технологий

• Извлечение текста из содержимого с использованием HTML Slot, HTML Template и Shadow DOM

• Состояние веб аналитики 📊

• HTML, CSS и JS в ADD, OCD, биполярном, дислексическом и аутистическом мире

• Секреты DevTools: запуск, сеть и производительность

• Анимация:

  • Подборка вдохновляющихе сайтов #2
  • Displacement Scroll
  • CSS LEGO Minifigure Maker

CSS

• Google игнорирует спам в CSS
• 8 приемов работы с CSS: параллакс, «липкий» футер и другие
• Создание надежных макетов с помощью Container Units
• Как объединить цветовые функции SASS и CSS-переменные
• Составление масок: ускоренный курс
• Вариативные шрифты
• RFS (Responsive Font Size) - движок для работы с типографикой, который автоматически вычисляет подходящий размер шрифта на основе размеров окна просмотра браузера.
• Как убедить вашу команду использовать CSS Grid

JavaScript

• Рефакторинг через классы: вычищаем свой JavaScript-код

• Идеальное руководство для взлома интервью на JavaScript (с точки зрения разработчика)

• Подводные камни производительности JavaScript в V8

• Поддержка больших JavaScript приложений. Уроки, вынесенные из долгосрочных проектов

• Когда JavaScript SEO имеет значение?. Второй эпизод серии о JS SEO

• TypeScript vs PureScript

• Соглашения об именованиях в JavaScript: как делать и как не стоит

• Теория:

  • Про приведение типов в JS и магию. Часть 2. Что еще надо знать в 2019 году
  • Понимание мемоизации в JavaScript
  • Основы JavaScript: Master the DOM! Часть 1, Часть 2
  • JS классы и наследование в ES6, ES5
  • Промисы: полное руководство. Узнайте, почему они вроде отстой :/
  • Как использовать методы apply (💅), call (📞) и bind (➰) в JavaScript
  • JavaScript Symbols: но зачем?

• React:

  • Gatsby.js в деталях
  • useTypescript - Полное руководство по React Hooks и TypeScript
  • Чем функциональные компоненты отличаются от классов?
  • Create React App слишком раздут
  • Рендеринг больших списков с помощью react-window
  • Юнит-тестирование компонентов React
  • Моя интуиция о том, когда использовать пользовательские React Hooks

• VueJS:

  • Десять советов по увеличению производительности при написании кода на Vue.js
  • Vue.js - Как создать свой первый пакет и опубликовать его на NPM
  • Point of Vue - часть 3 - столкновение с React
  • Shoptalk Show #350: "Поддержка Vue.js", в качестве приглашенного гостя - Evan You

• Angular:

  • Как добиться максимальной производительности ваших Angular приложений
  • Angular 8 Beta: новая схема обновления для Ivy в Angular 8.0.0-beta.7
  • Топ 10 способов использования Interceptors в Angular

• Libs & Plugins:

  • ThanosJS - Уменьшите размер файла вашего проекта до 50% путем случайного удаления половины файлов.
  • Handtrack.js: отслеживания рук в браузере с использованием Tensorflow.js и 3 строк кода.
  • iro.js - Настраиваемый инструмент выбора цвета на основе SVG без зависимостей

Браузеры

• Новый кодек AV1: ускоряем загрузку видео в браузере
• На первых скриншотах новый браузер Microsoft Edge на движке Chromium выглядит как клон Google Chrome
• Mozilla исправила ошибку 8-летней давности в Firefox, уменьшив потребление памяти
• Неисправленную уязвимость в Chrome атаковали злоумышленники
• Google развеял домыслы в отношении 0-day уязвимости в Chrome
• Новый браузер Edge сначала будет только в Windows 10 64 бит
• Что нового в DevTools (Chrome 74)