📰 Weekly #9: новости, подкасты, отборные статьи и обучающие материалы по фронтенду

В этом выпуске: создание, тестирование и деплой приложения книжного магазина с использованием React 18; вопросы на собеседовании фронтенд-разработчика; простые советы по адаптации сайтов для незрячих и слабовидящих людей; полный гайд по использованию CSS-фильтров с SVG.

Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера»

Новости

React

  • Создание, тестирование и деплой приложения книжного магазина с использованием React 18, Vite, Netlify и Nightwatch.
  • Пишем простое todo-приложение на React с нуля.
  • Вот это жизненное начало: « ... но в реальном мире все не так радужно. Нам часто приходится иметь дело с кодовыми базами, которые развивались в течение многих лет, и компонентами, которые несут на себе следы разных разработчиков ... ». В общем, автор делится опытом рефакторинга больших React-компонентов. В его проекте он имел 2700 строк кода.
  • Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании

JavaScript, CSS и HTML

  • Разбор наиболее популярных недостатков JavaScript-кода, которые делают его недостаточно простым, лаконичным и понятным.
  • Как типизировать CSS-переменные, делать плавные переходы между значениями переменных и анимировать градиенты: практические советы от Софии Валитовой.
  • Bun — новая среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm.
  • Как правильно рассчитать длину текста в Java Script? Алексей Ивасюта, фронтенд разработчик в Авито, разложил все по полкам относительно устройства Unicode и особенностей его работы в Java Script.
  • WebGL — это большое дело, но знаете ли вы, что голографические эффекты, похожие на шейдеры, также можно создавать с использованием CSS? И да, интерактивные демонстрации в конце статьи просто прекрасны.
  • Полный гайд по использованию CSS-фильтров с SVG.
  • Оператор delete в JavaScript: назначение, подводные камни и рекомендации по использованию.
  • Парсинг дат в JS — добавляем русский язык в библиотеку Chrono.
  • Практика CSS и вёрстки от Елены Литвиновой.
  • Запись вебинара на тему «10 кейсов масштабируемой вёрстки». Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать.

NodeJS

  • Подробный разбор всего, что связано с работой с файловой системой в Node.js: от простых операций чтения и записи до потоков, буферов и манипуляций с каталогами.

Разное

  • Разбираемся с обновлениями, которые были добавлены в новую версию ECMAScript.
  • Техническое собеседование на позицию фронтенд-разработчика. Запись вебинара, в рамках которого освящались следующие вопросы:

— Чего ждать и к чему готовиться?

— Почему на собеседовании дают те или иные задачи?

— Как вести себя на лайвкодинге?

  • Страницы состояния функций трех основных браузеров:

Chrome Platform Status

Mozilla Specification Positions + репозиторий

WebKit Feature Status + репозиторий

  • Чек-лист для фронтенд-разработчиков, которые заботятся о производительности. Каждый раздел включает множество ссылок и описаний для дальнейшего исследования.
  • Простые советы по адаптации сайтов для незрячих и слабовидящих людей.
  • Превосходная серия статей о доступности и не только, которая точно заслуживает вашего внимания:

Under-Engineered Custom Radio Buttons and Checkboxen

Under-Engineered Toggles

Under-Engineered Toggles Too

Under-Engineered Text Boxen

Under-Engineered Responsive Tables

Under-Engineered Select Menus

Under-Engineered Dependency Questions

Under-Engineered Multi-Selects

  • #27 Front-end. Вопросы на собеседовании.
  • Руководство по работе с терминалом для фронтенд-разработчика.
  • Сложно написать идеальное руководство, которое охватит все аспекты добавления темного режима для вашего сайта. Но это определенно удачная попытка
  • Если кто-то уже попробовал или заинтересован в использовании Bun, на GitHub появилась коллекция полезных ресурсов в одном месте.

Интервью

  • Интервью с Яном Тишко. От охранника в Беларуси до Front-End Engineer в Калифорнии
***

Материалы по теме

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ