Этот насыщенный практический воркшоп поможет вам пройти путь от нуля до готового к продакшену проекта с использованием Tailwind CSS версии 4. Вы освоите подход utility-first, научитесь работать с цветовыми темами OKLCH, использовать container queries, строить адаптивные макеты, применять варианты взаимодействия (group/peer/has), а также добавлять анимации и создавать настоящие компоненты, которые сразу можно использовать в своих проектах.
В ходе воркшопа вы научитесь:
Создавать любые дизайны прямо в разметке с помощью utility-first подхода Tailwind
Реализовывать адаптивные макеты на основе flexbox, grid, sub-grid и container queries
Строить доступные, интерактивные компоненты с использованием вариантов group, peer и has, а также состояний ARIA и data-атрибутов
Настраивать семантичные дизайн-токены, цветовые темы на OKLCH и поддержку тёмного режима
Расширять Tailwind с помощью собственных плагинов, утилит и анимаций
FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.
Стив - архитектор фронтенда в компании Temporal. Ранее он занимал аналогичную должность в Twilio и SendGrid. Стив также является основателем и почетным директором программы обучения фронтенд-разработке в Turing School for Software and Design в Денвере, Колорадо — это некоммерческая программа подготовки разработчиков. В прошлой жизни Стив был учителем в государственных школах Нью-Йорка, где он преподавал специальное образование и веб-разработку в
Блин, поправьте меня, я просмотрел на быстрой перемотке несколько видео с ним и ощущение, что он обучает чересчур базовым вещам, типа если написать класс "flex", то элемент получит display:flex и будет уот так уот располагать элементы внутри себя.
Каких-то стратегий и подходов, что улучшит/сделает более удобным то, что написано в доках по tailwind я не увидел, т.е. тут уровень обзора документации по tw и проверка, а действительно ли класс "text-red" будет работать, если мы его напишем.
Что-то действительно полезное можно увидеть только во второй части последнего урока.
Каких-то стратегий и подходов, что улучшит/сделает более удобным то, что написано в доках по tailwind я не увидел, т.е. тут уровень обзора документации по tw и проверка, а действительно ли класс "text-red" будет работать, если мы его напишем.
Что-то действительно полезное можно увидеть только во второй части последнего урока.