Дайджест свежих материалов из мира фронтенда за последнюю неделю №485 (13 — 19 сентября 2021)

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

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

Медиа

• «Новости 512» от CSSSR: как исполняется JS-код, Deno 1.14, туториалы по Fastly, как избавиться от старых подходов при помощи современного CSS, Virtual Keyboard API, лазерный интернет в Африке от Google.
• «Callback Hell» от CSSSR: Как войти в IT, продолжить расти и не выгореть
• Подкаст «Фронтенд Юность» #203 Джейсоноукладка и математика
• Подкаст «Веб-стандарты» 299. Браузеры в iOS, TypeScript, обучение через игру, a11y, React Native в вебе, сложный фронтенд
• Подкаст «Pro Conf» #107: Vuejs Amsterdam 2021
• Задаём вопросы фронтенд-разработчику: собеседование в прямом эфире
• Критерии качества вёрстки: круглый стол с Никитой Дубко и Алексеем Авдеевым
• Я.Субботник по разработке интерфейсов

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

• Веб-безопасность 201
• Используйте фавиконки правильно
• Core Web Vitals: с чего начать?
• Оптимизация изображений в вебе
• Как записывать аудио с помощью MediaStream API
• Web QA: от пользовательских требований до управления веб-рисками
• Глубокое погружение в VideoNG
• Управление комплексными анимациями с помощью Web Animations API
• Моя боль при создании WYSIWYG-редактора с contenteditable

• Доступность
  • Accessible Palette: создавайте цветовые системы с правильными значениями яркости и контраста
  • In Quest of Search: Почему я считаю хорошей идеей добавление нового HTML элемента-секции для поиска.
  • Мифы о Web Accessibility
  

CSS

• Создание красивых теней на CSS
• Зернистые градиенты
• Будущее CSS: каскадные слои (CSS @layer)
• Снижение потребности в псевдоэлементах
• Подробно о «gap» в CSS
• Модернизация инфраструктуры CSS в DevTools
• CSS Container Query Units
• CSS Flexbox vs Grid layout
• Поднимаем паруса с Tailwind CSS

JavaScript

• Построение библиотек компонентов и их организация. Или как извлечь максимальную пользу для бизнеса c React и Angular
• JavaScript: о том, что нас ждет в следующем году
• Современная архитектура Electron приложений в 2021
• 35 вопросов с собеседования JavaScript-разработчика
• Файлы как они есть. Работа с типизированными массивами
• Forever Functional: функции высшего порядка — функции для управления функциями
• Добавление аннотаций типов в ваш Vanilla JavaScript с JSDoc
• Маленькие пакеты, быстрые страницы: что делать со слишком большим объемом JavaScript
• Валютные расчеты в JavaScript
• Определение того, включены ли третьесторонние cookie или нет с JavaScript

• React
  • Игра с голосовым управлением на React и Phaser
  • Как сократить время загрузки React приложения на 70%
  • Использование Recoil вместо Redux для управления состоянием в React приложениях .
  • Как JSX (React) работает под капотом
  • Простое руководство по React useReducer() Hook
  • Переменные CSS для разработчиков на React
  • Визуальное руководство по React Rendering — DOM
  

• Vue
  • Vue 3: когда свойство computed может быть неправильным инструментом
  • Бесконечная прокрутка во Vue с использованием API Vue Intersection Observer
  • Создание компонента подписи во Vue
  • Vue PWA: разработка прогрессивных веб-приложений с помощью Nuxt
  • Полное руководство по Vue.js 3 [10/10]
  

• Angular
  • Подробное описание операторов RxJS — Часть 1
  • React Context в Angular
  • Отслеживание области взаимодействия с пользователем
  

• Libs & Plugins
  • Первое знакомство с JavaScript-библиотекой Solid
  • ChowJS: движок AOT JavaScript для игровых консолей
  • tiny-vdom — Минимально возможная реализация virtual DOM.
  • dotto.x — крошечный менеджер состояний для React, Svelte и vanilla JS.
  

Браузеры

• В Firefox проводится эксперимент по использованию поисковой системы Bing по умолчанию
• Mozilla представила Firefox Suggest и новый интерфейс браузера Firefox Focus
• Chrome — это новый Safari. А также Edge и Firefox.

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