📰 Weekly #9: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
В этом выпуске: создание, тестирование и деплой приложения книжного магазина с использованием React 18; вопросы на собеседовании фронтенд-разработчика; простые советы по адаптации сайтов для незрячих и слабовидящих людей; полный гайд по использованию CSS-фильтров с SVG.
Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера»
Новости
- Релиз Node 18.5.0 & Node 14.20.0 (LTS), 16.16.0 (LTS)
- Анонс React Native 0.69
- Релиз fuite 1.6
- Релиз oclif 3.1
- Релиз Notion JavaScript Client 2.0
- Релиз Tabulator 5.3
- Релиз Preact 10.9
- Релиз Perspective 1.5.1
- Релиз react-archer 4.0.1
- Релиз react-big-calendar 1.2.1
- Релиз Firefox 102, Safari 16 Beta и Chrome 104 Beta
- Анонс Vite 3.0
- Анонс Node-RED 3.0
- Анонс NestJS 9
- Анонс Ember 4.5
- Анонс Safari Technology Preview 148
- Анонс VS Code 1.69
- Релиз Preact 10.10
- Релиз pkg 5.8
- Релиз React Big Calendar 1.4.2
- Релиз AdminJS 6.0
- Релиз Luxon 3.0.1
- Релиз Commander.js 9.4
- Релиз eruda 2.5
- Релиз Tedious 15.0
- Релиз mux.js 6.2
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 кейсов масштабируемой вёрстки». Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать.
- Airbnb JavaScript Style Guide.
NodeJS
- Подробный разбор всего, что связано с работой с файловой системой в Node.js: от простых операций чтения и записи до потоков, буферов и манипуляций с каталогами.
Разное
- Серия видеоуроков от YouTube-канала «АйТи Синяк» на тему архитектуры во фронтенде.
- Разбираемся с обновлениями, которые были добавлены в новую версию ECMAScript.
- Техническое собеседование на позицию фронтенд-разработчика. Запись вебинара, в рамках которого освящались следующие вопросы:
— Чего ждать и к чему готовиться?
— Почему на собеседовании дают те или иные задачи?
— Как вести себя на лайвкодинге?
- Страницы состояния функций трех основных браузеров:
— Mozilla Specification Positions + репозиторий
— WebKit Feature Status + репозиторий
- Чек-лист для фронтенд-разработчиков, которые заботятся о производительности. Каждый раздел включает множество ссылок и описаний для дальнейшего исследования.
- Простые советы по адаптации сайтов для незрячих и слабовидящих людей.
- Превосходная серия статей о доступности и не только, которая точно заслуживает вашего внимания:
— Under-Engineered Custom Radio Buttons and Checkboxen
— Under-Engineered Toggles Too
— Under-Engineered Responsive Tables
— Under-Engineered Select Menus
— Under-Engineered Dependency Questions
— Under-Engineered Multi-Selects
- #27 Front-end. Вопросы на собеседовании.
- Руководство по работе с терминалом для фронтенд-разработчика.
- Сложно написать идеальное руководство, которое охватит все аспекты добавления темного режима для вашего сайта. Но это определенно удачная попытка
- Если кто-то уже попробовал или заинтересован в использовании Bun, на GitHub появилась коллекция полезных ресурсов в одном месте.
Интервью
- Интервью с Яном Тишко. От охранника в Беларуси до Front-End Engineer в Калифорнии
***