Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Подкаст «Фронтенд Юность» #220 Пермские Свидетели Мира
•
World Wide Work от CSSSR: Андрей Ситник — США и Испания, Барселона
•
Ulbi TV: Ищем работу на FRONTEND РАЗРАБОТЧИКА. Что не так с этими вакансиями??
•
Программист-эмигрант TV: Фронтендер в ФААНГе. Как получить оффер?
•
Тренды веб-разработки в 2022 простыми словами
•
Что такое и зачем нужны шаблонизаторы HTML
•
Базис веб-разработки в 2022 году
•
Как создать впечатляющий README-профиль в GitHub
•
Безопасный CSS, или как писать универсальные стили
•
Значение from-font в CSS, объясненное в 4 демонстрациях
•
Каскад CSS. Или как браузеры разрешают вопрос конкурирующих стилей
•
Вот чего я не знал о :where()
•
Анимация смещения фона с помощью режимов наложения CSS
•
Забавные CSS Borders с использованием масок
•
Начало работы с каскадными слоями CSS
•
CSS Speedrun
•
CSS font-size-adjust: Как автоматически настроить размер шрифта
• State of Javascript 2021/22: Принимайте участие в ежегодном опросе
• Что нового в JavaScript с 2016 по 2022
•
От JQuery к React, Vue, Angular — эволюция фронтенд фреймворков и их различия
•
Что решают веб-фреймворки и как обойтись без них (часть 1)
•
Как переключаться между классами HTML-элемента
•
Как сделать скролл-анимацию с помощью базового JavaScript
•
Самые полезные команды для NPM, которые вы должны знать JavaScript разработчик .
•
Underdog UI Frameworks: 5 JavaScript фреймворков, которые вам нужно попробовать в 2022 году
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | JavaScript
Медиа
•

•

•

•

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

•

•

•

-
Доступность
•Почему разработчики не относятся серьезно к доступности?
•5 самых распространенных a11y-ошибок и как их исправить
CSS
•

•

•

•

•

•

•

•

•

JavaScript
• State of Javascript 2021/22: Принимайте участие в ежегодном опросе
• Что нового в JavaScript с 2016 по 2022
•

•

•

•

•

•

-
React
•React: Code Editor
•Мои 3 любимые библиотеки для анимации в React
•Легкие альтернативы Redux
•Как работают серверные компоненты React: подробное руководство
•Создание многоуровневого выпадающего меню в React
•Создание общедоступных виджетов React
•Почему пользовательские хуки в react могут снизить производительность вашего приложения
•Как добавить анимацию с помощью React Transition Group
-
Vue
• Как создать приложение вокруг Composition API во Vue 3
•Ref() vs Reactive() в Vue 3 — какой правильный выбор?
-
Angular
•Расширенная диагностика Angular
•Настройте Tailwind CSS с Angular в Nx workspace
•Полное руководство: Хуки жизненного цикла Angular
•Telegraph с RxJS: сила реактивных систем
•4 подводных камня производительности Angular
•Дорожная карта Angular: прошлое, настоящее и будущее
-
Ember
•The Ember Times — Issue No. 195
•Ember v4: Обновление поддержки TypeScript
•Подкаст «Whiskey Web and Whatnot»: «Discovering Ember, Adopting Orbit, and Unlocking Optimization with Chris Thoburn (runspired)»
-
Libs & Plugins
•chroma.js — небольшая JS библиотека с нулевой зависимостью (13,5 КБ) для всех видов преобразования цветов и цветовых шкал.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.