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

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

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

Медиа

• Подкаст «Веб-стандарты» 267. Новинки браузеров и DevTools, Open Web Docs, элемент popup, HTTPS, WCAG 3, null или undefined
• «Новости 512» от CSSSR: npm 7.5.0, прощай AngularJS, Node.js 15.8.0, фичи ES2021, TS-привычки, esbuild и AssemblyScript
• «Новости 512» от CSSSR: Черновик WCAG 3.0, Chrome 89 Beta и ChromeOS 88, Vivaldi 3.6, aspect-ratio, плохой Redux
• «Отсобеседование» #0: Открытое собеседование фронтенд разработчика (Junior)

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

• В чём разница между узлом и элементом DOM?
• Глубокое погружение в WebSockets

• Инструменты
  • Релиз npm 7
  • Команда Preact выпускает WMR для упрощения разработки современных веб-приложений
  • svgwaves.io — онлайн-инструмент для создания волн, разделяющих контент, на SVG
  

• Производительность
  • Прогрессивный рендеринг для лучшей производительности веб-приложений
  • Веб-производительность внутренних систем важна, поэтому оптимизируйте их тоже
  • Делаем новую домашнюю страницу GitHub быстрой и производительной
  

• Доступность
  • Руководство по обеспечению доступности ваших изображений и видео
  • Тестирование доступности для мобильного веба
  

• Эффекты
  • Подборка креативных веб-демок «UI Interactions & Animations Roundup #14»
  • Вращающаяся анимация загрузки с трехмерными фигурами с помощью Three.js
  • Как создать анимацию движущихся частиц из «Volt for Drive»
  

CSS

• Просто вертикальный монитор не значит, что я на телефоне
• Минимальный размер контента в CSS grid
• Что можно делать с CSS сегодня
• Создание анимированных плейсходеров контента с помощью HTML и CSS
• Еженедельные новости платформы: псевдокласс: not(), Video Media Queries, поддержка clip-path: path()
• Подделка container queries с помощью CSS Grid
• CSS Polygon Shapes — подборка фигур, реализованных с помощью CSS clip-path
• 4 странных трюка, чтобы стать 10x инженером по Flexbox

JavaScript

• Основы отладки клиентских JS-приложений
• Принципы SOLID: единая ответственность в фреймворках JavaScript
• Многоязычный движок: исполнение JavaScript в базе данных Oracle
• Становится ли JavaScript TypeScript?

• React
  • Архитектурный паттерн Dependency Injection в React-приложении
  • createRef, setRef, useRef и зачем нужен current в ref
  • 3 способа анализа производительности React с помощью Reactime
  • Процесс, которому я следовал, чтобы оптимизировать производительность приложения на React
  • CI/CD и React: создание пайплайна с помощью Heroku и CircleCI
  • Как использовать Rockpack
  

• Vue
  • Идеальное Vue приложение на Typescript
  • Компоненты без рендеринга во Vue
  • Интервью с автором Vue.js: «Важно понимать, что хотят пользователи»
  • Vue.js: бесплатный курс от JavaScript.Ninja
  • Да, Vue 3 вышел, но, вероятно, он вам не нужен
  • Использование Pug.js с Vue.js
  • Lazy Load Routes во Vue с динамическими комментариями webpack
  • Динамическое переключение с одного элемента HTML на другой во Vue
  

• Angular
  • Полное руководство по созданию форм с автосохранением в Angular
  • SEO в Angular без рендеринга на стороне сервера
  • Headless Angular Components
  • Создание веб-приложений, настольных и мобильных приложений из единой базы кода с использованием Angular
  • 10 лучших видео по Angular митапам в 2020
  • Под капотом Language Service
  

• Ember
  • Альтернативы mut
  • Как сделать Todo в Ember Template Lint
  • Основы реактивности (отслеживаемый декоратор) — EmberJS Octane
  

• Svelte
  • Svelte + Redux + Redux-saga
  • Svelte Kit, первый «serverless-first» фреймворк?
  • Создание веб-приложений с помощью Svelte
  • Введение в Svelte
  

• Libs & Plugins
  • Понимание экосистемы инструментов визуализации данных в 2021 году
  • LinkeDOM: альтернатива JSDOM
  

Браузеры

• Невменяемый, необъятный масштаб браузеров
• Бета-версия приложения Microsoft Authenticator для Android и iOS теперь может импортировать пароли из Chrome
• Выпуск web-браузера qutebrowser 2.0

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