https://habr.com/ru/post/554320/

• Разработка веб-сайтов
• CSS
• JavaScript
• HTML

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

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

Медиа

• Подкаст «Веб-стандарты» №279 — Firefox 88, Node.js 16, бета Chrome 91, XHR как дискета, внезапный popup, AMP, Core Web Vitals
• Callback Hell — записи аудио-стримов о технологиях и не только от CSSSR
• Подкаст «Фронтенд Юность» #182: Не нужно платить разработчикам 200-300к
• «Новости 512» от CSSSR: релиз Node.js 16 и Firefox 88, проектирование приложения с TypeScript и ООП, взгляд на Container Query, доклады с Я.Субботника.
• «Новости 512» от CSSSR: Микрофронтенды в Delivery Club, JS-классы, состояние JS-фреймворков и стейт-менеджеров, минусы Dart
• IT-дебаты: JavaScript-программист vs фронтенд-разработчик
• Frontend Meetup 20/04
• Я.Субботник по разработке интерфейсов 2021

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

• CORS для чайников: история возникновения, как устроен и оптимальные методы работы
• Как создают и поддерживают веб-страницы tinkoff.ru
• Трёхпроходный алгоритм рефакторинга Front End
• Что нового в DevTools (Chrome 91)
• Независимые компоненты: новые строительные блоки для веба
• Как я создал свой блог

• Производительность
  • Почти полное руководство по Cumulative Layout Shift
  • Подробное руководство по измерению Core Web Vitals
  

• Эффекты
  • Взаимодействие с магнитящейся трехмерной галереей
  • Эффект креативного появления изображений при скроллинге
  • Трехмерный скроллинг в глубину с помощью Three.js & GSAP
  • Анимация контура текста с помощью Three.js
  

CSS

• Полное руководство по CSS Flex + опыт использования
• CSS-нестинг — боль­ше, чем са­хар
• Руководство по новым современным псевдо-селекторам CSS
• Создание (и потенциальные преимущества) CSS-шрифта
• Как добавить двойную границу к SVG Shapes
• Начало работы с CSS Custom Properties
• TailwindCSS: добавляет сложности, ничего не делает.
• Работа на ошибками гибкой типографии, базирующихся на вьюпорте в Safari

JavaScript

• Основы управления памятью в JavaScript: как это работает и какие проблемы могут возникнуть
• Выпуск серверной JavaScript-платформы Node.js 16.0
• Чудесный мир Javascript бандлеров
• Улучшите управление состоянием в вашем фронтенде с помощью view models
• Шаблон для свойства отложенной загрузки в ​​JavaScript
• Полное руководство по инкрементной статической регенерации (ISR) с Next.js
• Топ-5 самых популярных вопросов о JavaScript на Stack Overflow
• Руководство по MobX
• Понимание Array Reduce в JavaScript

• React
  • Простые советы по написанию чистого кода React-компонентов
  • Заметка о том, как работают хуки в React
  • Как автоматически развернуть ваши React — приложения с помощью Cloudflare Pages
  • Представляем Plasmic, визуальный конструктор страниц для Next.js
  • Шпаргалка по React Router: все, что вам нужно знать
  • Hookrouter: современный подход к React Routing
  

• Vue
  • 3 года VueJS (2021)
  • Как прибираться после себя и почему это важно (Vue/React)
  • Inkline — кастомизируемая Vue.js UI/UX библиотека для создания отзывчивых веб-приложений
  

• Angular
  • 5 полезных решений в RxJS
  • Как оптимизировать реактивность в Angular
  • Как разделить HTTP Interceptors между несколькими серверами
  • Предстоящие улучшения в распространении Angular
  

• Ember
  • The Ember Times — Issue No. 178
  • EmberJs Vs. ReactJs: все, что вам нужно знать
  

Браузеры

• В Firefox 88 молча удалён пункт контекстного меню «Page Info»
• Apple, Microsoft, Opera и другие разработчики не горят желанием поддерживать технологию Google FLoC
• Релиз Firefox 88
• В Microsoft Edge тестируется новый режим производительности с иным принципом работы «спящих» вкладок


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