Фронтенд-дайджест №368 (3 — 9 июня 2019)

Медиа

• Подкаст «Веб-стандарты», Выпуск №178: W3C + WHATWG, SEO, быстродействие, Ember.js, Elm, Puppeteer
• Подкаст «Frontend Weekend» #92 – Артём Кобзарь о преподавании, Харькове и вещах, которые должен знать junior-разработчик
• Подкаст «devschacht» #82: Круглый стол о деповсе
• Подкаст «Пятиминутка React»: MSK VUE.JS MEETUP
• Подкаст «Фронтенд Юность (18+)» #95 Как стать CTO
• Подкаст «CSSSR»: Новости 512 – WebAssembly на eBay, современный hoisting, Chrome 75 и другие релизы, Huawei-битвы
• Frontreview #12: "Что обязательно должен спросить Junior на собеседовании"
• proConf #15: ng-conf 2019 | ngRx на примере банана | модные гриды | полеты на марс
• "Repozitorro #17: Подозревака, что код чужой...
• JSHeroes 2019, 20 видео

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

• Как использовать API веб-ресурса

• SEO требования для нового сайта

• Производительность:

  • Производительность фронтенда: разбираем важные метрики
  • Извлечение критического CSS. Узнайте, как улучшить время рендеринга с помощью техники critical CSS
  • Эффективно повышаем производительность вашего (мобильного) сайта

• Accessibility:

  • Создаём максимально недоступный сайт с идеальной оценкой Lighthouse
  • Указание на фокус для улучшения доступности
  • Анатомия доступных форм: проблема с Placeholders
  • Доступность форм: практическое руководство
  • Веб-доступность в контексте. Как браузеры и HTML сегодня поддерживают скринридеры?

• Анимация:

  • Подборка вдохновляющих сайтов Roundup #5
  • Подборка креативных демок Roundup #5

CSS

• CSS Flexbox в Bootstrap 4
• Предотвращаем прокрутку страницы при открытии модального окна
• Анимация движения модального окна по заданной траектории
• CSS менталитет
• Архитектура CSS - структура папок и файлов
• CSS Grid Level 2 - subgrid скоро появятся в Firefox
• Вариативные шрифты и нестандартные оси
• Поддержание вашего CSS in JS в чистоте

JavaScript

• Готовимся к 2020 году: 8 трендов клиентской JavaScript-разработки, о которых нужно знать

• Рекомендации по написанию чистого кода на JavaScript

• Что нового в Node 12

• Как управлять музыкой с помощью PS4 DualShock и JavaScript

• Включение современного JavaScript на npm

• JavaScript: опровержение SEO мифов

• JAVASCRIPT SEO МЕРТВО! Что теперь?

• Теория:

  • Массивы в JavaScript: From [0] to [ ‘H’, ‘E’, ‘R’, ‘O’ ]
  • Волшебные, мистические трансдьюсеры в JavaScript

• React:

  • Создание анимации с использованием React Spring
  • Топ 5 навыков для изучения для junior JavaScript developer
  • Как я сделал свое приложение на React в 4 раза быстрее.
  • В чем смысл React hooks?
  • Кэшируйте React event listeners для повышения производительности.

• Angular:

  • Angular 8
  • Angular & RxJS: Глубокое погружение в Async Pipe
  • Путешествие в Angular анимацию
  • Под капотом Angular CLI — демистификация билдеров
  • Angular: путешествие одного из самых популярных фронтенд-инструментов на сегодняшнем рынке труда

• VueJS:

  • Tutorial: Как сделать анимированный интерактивный слайдер на Vue.js
  • Подводные камни Vue.js. Распространенные фиксы для основных проблем
  • Построение динамической древовидной диаграммы с помощью SVG и Vue.js

• Ember:

  • Подкаст "Crash Log": Product Hunt launch, speed vs. quality, integrations
  • Подкаст "EmberMap" , Ep. 64 - Open source isn't free
  • React Response Hot Loading

Браузеры

• Mozilla назвала «вредным» предложение Google о распространении веб-пакетов с цифровой подписью
• Релиз Chrome 75
• Mozilla планирует запустить платный сервис Firefox Premium
• Новая функция Firefox Dev Tools, подказывающая, почему CSS свойство не несет никакого эффекта