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

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

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

---

Медиа

• Подкаст «Веб-стандарты», Выпуск №:186. Firefox, JSON, Every Layout, монорепы, a11y, Slack и JS
• Подкаст «Frontend Weekend» #95 – Екатерина Петрова о том, как из мобильного разработчика стать руководителем frontend-отдела
• Подкаст «CSSSR»: Новости 512 — новые фичи JS, PageSpeed, GraphQL-видео, ускорение Slack и блокировки на Github
• Подкаст «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
• Google заблокирует корневые сертификаты, выданные компанией DarkMatter
• В Firefox 70 страницы открытые по HTTP начнут помечаться как небезопасные
• Google начнёт удалять расширения для Chrome, которые злоупотребляют сбором данных пользователей
• Что нового в DevTools (Chrome 77)

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

• Что должен делать тимлид: роли, обязанности и навыки
• Facebook, Twitter и Google аутсорсят модерацию в Филиппины. Чем это обернулось — репортаж Washington Post
• Исследование: почему ИТ-специалисты выбирают средние по размеру компании
• Чем заменить продукты Google: подборка альтернатив, которые не будут за вами следить
• Исследование: сайты теряют до 10% выручки с пользователя из-за регламента по защите личных данных Евросоюза
• GitHub блокирует разработчиков из стран, на которые наложены санкции США


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

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