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

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

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

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

Медиа

• «Новости 512» от CSSSR: Новогодние пробелы
• Подкаст «Веб-стандарты» №264. Safari, подсветка ошибок, HTML по частям, Suspense, Concurrent, Server Components и SSR в React
• Тренды веб-разработки в 2021 году — обсуждение на платформе HTML Academy

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

• Автоматическая виртуализация рендеринга произвольной вёрстки
• Фронтендеры — герои. Yehuda Katz объясняет почему
• Прогрессивные веб-приложения в 2021 году
• Выбор лучшего генератора статических сайтов на 2021 год
• 6 топ трендов и прогнозов на 2021 год
• GraphQL и Jamstack

• Инструменты
  • 10 лучших практик контейнеризации веб-приложений Node.js с помощью Docker
  • Deno в 2020
  • Релиз Snowpack v3.0
  • Семь способов проверить доступность вашего веб-сайта с помощью браузерных инструментов разработчика
  

• Производительность
  • Front-End Performance Checklist 2021. Всеобъемлющий чеклист производительности от Виталия Фридмана.
  • Как ускорить работу мобильного сайта за 5 шагов + инструменты для тестирования скорости мобильного сайта
  • Отслеживайте производительность вашего веб-приложения с помощью JavaScript
  

• Эффекты
  • Анимация бесконечного гиперболического геликоида с помощью Three.js
  • Анимация с Lottie
  • Создание огня из Doom Fire с помощью современного JavaScript
  

CSS

• Практика использования спецификации CSS Scroll Snap
• Искусство компонентов. Пишем карточку контакта Facebook Messenger
• Свободно стилизируемы outline DOM элементов
• Шпаргалки по FlexBox в 2021
• Почему Tailwind не для меня
• Рисование декоративных линий с помощью CSS
• CSS mix-blend-mode не работает? Задайте background-color!
• 6 свойств CSS, о которых никто не говорит
• Как влюбиться в Single Div иллюстрации
• Об автоматической генерации атомарного CSS

JavaScript

• 2020 JavaScript Rising Stars. Обзор трендов JS-проектов исходя из количества звёзд на GitHub
• State of JS 2020: Результаты опроса
• Практическое введение во внедрение зависимостей (Dependency Injection)
• 5 JavaScript инструментов, на которые стоит обратить внимание в 2021 году
• Полное руководство по манипулированию датой в JavaScript
• Будьте готовы к ESM
• Доступ к веб-камере с помощью JavaScript и React
• JavaScript Rising Stars, пятый выпуск ежегодного обзора тенденций в мире JavaScript
• Анонс TypeScript 4.2 Beta

• Теория
  • Будущее JavaScript: декораторы
  • Операторы логического присваивания
  • Стек и очередь в JavaScript
  • Асинхронные циклы и почему они терпят неудачу. Часть 1
  • Новый метод массива, который вам понравится: array.at(index)
  • Новые неизменяемые типы данных JavaScript: записи и кортежи
  • Руководство для новичков по JavaScript мемоизации
  • Глубокое погружение в модули JavaScript
  

• React
  • Код на React и TypeScript, который работает быстро. Доклад Яндекса
  • Дорожная карта React: 10 шагов, чтобы стать разработчиком React в 2021 году
  • Вы не знаете useState, пока не воспользуетесь функциональными обновлениями
  • Профилирование приложений React с помощью Profiler API
  • 3 подхода к интеграции React с пользовательскими элементами
  • Интеграция Dialogflow в приложение на React
  • Использование redux-like middleware для useReducer в React
  • Введение в React Server Side Rendering
  • React vs. web components
  

• Vue
  • Пишем мессенджер на Vue в облаке Amazon
  • 2020-2021: Размышления Эвана Ю о Vue
  • vno: a vue / deno love story
  • Взгляд на Scoped Slots во Vue
  

• Angular
  • Taiga UI — библиотека компонентов под Angular, которую вам стоит попробовать
  • Мысли про документацию Angular: смотрим в будущее, оглядываясь назад
  • Демистификация корневого компонента Taiga UI: паттерн порталов в Angular
  

• Ember
  • The Ember Times — Issue No. 171
  • I Love Ember.js — Routes & Ember Data
  • Расстаньтесь со своим фронтенд монолитом с помощью Ember Engines
  • Микро-фронтенды с Glimmer.js и single-spa
  

• Libs & Plugins
  • qs — querystring-парсер с поддержкой вложенности
  • Altair — красивый многофункциональный клиент GraphQL для всех платформ.
  

Браузеры

• Google отключит сторонние браузеры на движке Chromium от своих служб
• Пользователи теперь могут выбрать версию Microsoft Edge для устройств Apple M1

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