Tailwind CSS From Scratch | Learn By Building Projects
Это увлекательный курс, основанный на проектах, чтобы научиться создавать потрясающие макеты с помощью CSS-фреймворка Tailwind и освоиться с использованием классов вместо чего-то вроде Bootstrap, в котором используются классы на основе компонентов. Давайте посмотрим на схему этого курса...
Песочница
Я не хочу сразу переходить к проектам, хотя вы, конечно, могли бы, если хотите. Итак, первые два раздела мы будем работать в песочнице программирования. В каждом новом видео в этих разделах у нас будет новый файл, с которым можно поэкспериментировать и узнать все об определенном аспекте Tailwind. Например, у нас будут страницы/видео для цветов, типографики, интервалов, flex-классов и многого другого. Это позволяет нам касаться всех частей Tailwind в определенном порядке, а не просто сразу переходить к проектам.
Мини-проекты
Далее мы возьмем то, чему научились в среде песочницы, и используем это для создания небольших проектов. Это вещи, на создание которых уйдет 10-20 минут, и мы сделаем все это в одном видео для каждого проекта. Среди мини-проектов:
Я могу даже добавить больше мини-проектов позже. Это поможет вам промокнуть ноги, создавая что-то.
Проекты веб-сайтов
Далее мы начнем работать над более крупными целевыми страницами. Это действительно проверит то, чему вы научились. Будет 6 разных сайтов. Все они очень современные и чистые. Мы сотрудничали с Frontend Mentor для дизайна. В некоторых проектах будет немного JavaScript для таких вещей, как гамбургер-меню, вкладки и некоторая проверка.
Давайте посмотрим на проекты:
