Дайджест свежих материалов из мира фронтенда за последнюю неделю №477 (12 — 18 июля 2021)

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

Медиа    |    Веб-разработка    |    CSS    |    JavaScript

Медиа

• «Новости 512» от CSSSR: Firefox 90, треды в WebAssembly, HTTP и WebSocket, Deno 1.12, MongoDB 5.0, Deno Deploy beta
• Подкаст «Ленивый фронтендер»: Еженедельный вестник фронтенда (и не только)
• Три технологии вёрстки, которые вы должны знать. Интервью с Никитой Голубовым
• Что такое SOFT-SKILLS / ТОП SOFT навыков для разработчика и руководителя… В офисе: Андрей Смирнов
• Разбор технического собеседования на позицию senior front-end developer. Часть 3.

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

• Архитектура фронтенд-приложений — миф или реальность
• Создание компонента breadcrumbs
• Создание доступного веб-компонента для сравнения изображений
• Полное руководство по хранилищам на стороне клиента
• Плавная трансформация WebGL шейдера при прокрутке
• Количество судебных исков по поводу доступности цифровых технологий для людей с ограниченными возможностями растет

• Производительность
  • Что такое Core Web Vitals
  • Влияние избыточного lazy-loading на производительность
  • Симуляция реальных пользователей для отладки проблем CLS

CSS

• Делаем собственные курсоры для сайтов
• Новый image-set как тег picture в CSS: не только ретина, но и WebP и AVIF
• Рефакторинг CSS: Введение (Часть 1)
• Определение поддержки медиа-запросов в CSS и JavaScript
• В чем разница между значениями выравнивания start, flex-start и self-start?
• Конечно, мы можем сделать часы, которые показывают текущее время на чистом CSS!
• Дизайн для неожиданного
• Создавайте сложные CSS переходы с помощью пользовательских свойств и cubic-bezier()
• Карусель на CSS с буллетами и навигацией с использованием прокрутки
• gridless.design: избавляемся от гридов

JavaScript

• Экспериментируем с шаблонами литералов в TypeScript: как покрыть типами DSL
• Взрослый back-end на node.js возможен?
• Рецензия на книгу Дугласа Крокфорда «Как устроен JavaScript»
• Функциональное программирование в JavaScript
• Изучаем Next.js 11: что нового?
• Как перейти с jQuery на Next.js
• 5 простых шагов для освоения каррирования и функций высшего порядка в JavaScript

• React
  • Альтернативы Redux в 2021 году
  • Одна ошибка в React, которая тормозит вас
  • Как остановить повторный рендеринг списков в React?
  • Как создать аккордеон-меню на React с нуля

• Vue
  • Redux Vs Vuex. Часть 1
  • Опыт работы над проектом на базе Vue3 в 2021 году
  • Три идеи, которые пришли ко мне во время исследования доступности Vue.js
  • 5 полезных советов для разработки на VueJS
  • VueJS — Рекурсивные компоненты

• Angular
  • Webpack Module Federation — микрофронтенд на современных технологиях
  • Данные роутера с декоратором в Angular
  • Введение в тестирование на Angular — вот как начать

• Ember
  • Путь к Ember 4.0
  • The Ember Times — Issue No. 184
  • Ремоделирование приложения Ember — Codemods и jQuery

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