КурсБесплатноЧасть практики восстанавливается

Tailwind CSS 4: utility-first, variants, theme и безопасная генерация классов

Практический курс по Tailwind CSS: локальные utility decisions, variants, semantic theme values, component extraction и безопасная статическая композиция классов с package-bound Tailwind compilation evidence. Статус и…

Открыть первый урок

Часть практики восстанавливается. Теория и опубликованные уроки доступны уже сейчас. Если для отдельного шага ещё нет задания или теста, он откроется для чтения и не будет ошибочно засчитан как пройденный.

Пройдено0 / 18

Примерное время7 ч

Модули6

Уроки18

Уроки курса

Откройте любой опубликованный урок. Порядок программы влияет на зачёт прогресса, но не скрывает учебный материал.

1Utility-классы и локальные styling decisions3 уроки0 / 3

Utility-классы и локальные styling decisionsОткрыть

Проверка модели: generated utilities и локальные invariantsОткрыть

Практика: Utility card generated-CSS contractОткрыть

2Responsive, hover, focus-visible и dark variants3 уроки0 / 3

Responsive, hover, focus-visible и dark variantsОткрыть

Проверка модели variantsОткрыть

Adaptive action cardОткрыть

3Theme variables и design intent в Tailwind 43 уроки0 / 3

Theme variables и design intent в Tailwind 4Открыть

Проверка модели theme tokensОткрыть

Практика: theme token contractОткрыть

4Component extraction: когда повторение становится API3 уроки0 / 3

Component extraction: когда повторение становится APIОткрыть

Проверка модели: component extraction boundaryОткрыть

Практика: Badge component API без copy-paste driftОткрыть

5Dynamic class detection и безопасная composition3 уроки0 / 3

Dynamic class detection и безопасная compositionОткрыть

Проверка модели: Dynamic class detection и безопасная compositionОткрыть

Практика: Dynamic class detection и безопасная compositionОткрыть

6Project checkpoint: Utility UI Kit3 уроки0 / 3

Project checkpoint: Utility UI KitОткрыть

Проверка модели: Utility UI KitОткрыть

Проект: Utility UI KitОткрыть