Фронтенд-дайджест №373 (22 — 28 июля 2019)

Медиа

• Подкаст «Веб-стандарты», Выпуск №:185. На утро после BeerJS Summit, альтернативные форматы, дружба народов
• Подкаст «Frontend Weekend» #95 – Екатерина Петрова о том, как из мобильного разработчика стать руководителем frontend-отдела
• Подкаст «CSSSR»: Новости 512 — HTTP/2, serverless-штуки, CORS, security-релизы Oracle, релизы и другие новости
• Подкаст «Пятиминутка React»: SOLID с примерами на TypeScript
• Подкаст «Фронтенд Юность (18+)»: #100 Соточка
• Repozitorro #22 - По уши в React!
• Frontreview #16 - Профессиональное выгорание программиста

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

• Фрактал имён элементов

• Стандартный браузерный API Payment Request

• Лучшие новостные рассылки для фронтенд разработчиков

• Проектирование и создание прогрессивного веб-приложения без фреймворка: Часть 1, Часть 2

• SPA SEO: руководство по продвижению одностраничного приложения на первую страницу Google

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

  • 12 советов по улучшению производительности JavaScript-приложений
  • 7 советов по оптимизации CSS для ускорения загрузки страниц
  • Как работает Google PageSpeed: улучшите свой уровень и рейтинг в поисковых системах
  • Настройка производительности JavaScript сайтов с помощью Chrome DevTools

• Accessibility:

  • Инклюзивные компоненты: тултипы и тоглтипы
  • Возможно, стоит игнорировать type=search
  • Значение без разметки: Accessibility Object Model

CSS

• Я написал кастомизируемый CSS-движок на JavaScript
• Почему вы должны обязательно научиться использовать CSS-in-JS
• Все, что вам нужно знать о margin в CSS
• Доступность контента, сгенерированного CSS
• Подборка библиотек для CSS анимации
• Действительно отзывчивая сетка на CSS Grid с помощью minmax() и min()
• Не разделяйте точкой с запятой :focus-within, если вам нужна глубокая браузерная поддержка
• Responsive Iframes
• Как добавить фоллбек на Flexbox для CSS Grid
• Самый простой способ асинхронной загрузки CSS
• Многоколоночные манипуляции

JavaScript

• 5 заповедей TypeScript-разработчика

• Как поговорить с микроконтроллером из JS

• Советы по созданию собственной ленивой загрузки картинок

• Понимание основ SEO в JavaScript

• Практические способы писать JavaScript лучше

• Что нового в JavaScript: сводка с Google I/O 2019

• Введение в Svelte

• Новости:

  • Основатель QEMU и FFmpeg опубликовал JavaScript-движок QuickJS
  • Facebook открыл код JavaScript-движка Hermes
  • Анонс TypeScript 3.6 Beta

• Теория:

  • Среда, лексическая область видимости и замыкания в JavaScript
  • Концепции JavaScript: Замыкания
  • Чистка вашего кода: избегайте условий

• VueJS:

  • Обработка ошибок во Vue
  • Создание SPA на Vue.js и Headless WordPress
  • Композиция компонентов: Vue Function API vs Renderless Components
  • Что мне нравится во Vue
  • OverVue, a инструмент для прототипирования Vue

• React:

  • Структурирование React-приложений
  • Создание компонента переключателя на React
  • Самый удобный способ обработки алертов в React
  • Как нанимать и обучать разработчиков, если вы не используете React

• Angular:

  • Прототипирование с помощью Angular
  • Введение в @ngrx/effects
  • Понимание магии, стоящей за Angular Elements
  • Что я узнал за 3 года разработки на Angular 2+
  • 7 ошибок для предотвращения при переходе от AngularJS на Angular

• Ember:

  • Релиз Ember 3.11
  • Настройка активности ссылок - современный способ
  • Дерево навыков для изучения Ember.js в 2019
  • Интеграция любого бекенда в Ember с помощью Custom Adapters & Serializers

• Libs & Plugins:

  • cesiumjs: open-source библиотека для создания трехмерных глобусов и карт
  • json-complete - может превратить почти любой стандартный JavaScript объект или значение в JSON-совместимую сериализированную форму и обратно.
  • Moveable: библиотека для добавления функций перетаскивания, вращения, изменения размера и масштаба

Браузеры

• Что ты такое, Rendering Engine? Или как работает модуль отображения браузера
• Браузер Firefox Reality стал доступным и для гарнитур Oculus Quest
• Chrome и Android вскоре перестанут принимать корневые сертификаты от DarkMatter
• В Firefox 70 страницы открытые по HTTP начнут помечаться как небезопасные
• Google начнёт удалять расширения для Chrome, которые злоупотребляют сбором данных пользователей
• Что нового в DevTools (Chrome 77)