Свържете се с нас

Съдържание и теми, включени в курса

Въведение

  • Преглед на Tailwind CSS

Първи стъпки

  • Инсталиране на Tailwind CSS
  • Инсталиране на Node
  • Инсталиране на VS Code
  • Настройка на средата

Основи на Tailwind CSS

  • Свързване на Tailwind CSS с HTML
  • Създаване на контейнери с помощни класове
  • Добавяне на свойства за ширина и височина
  • Разбиране на принципа на работа на flexbox
  • Пренасяне и преоразмеряване на flex елементи
  • Създаване на оформление с grid и редове
  • Регулиране на потока от елементи в grid оформление
  • Добавяне на разстояние между елементите и подравняването им
  • Подравняване на отделни елементи
  • Добавяне на полета (padding) и маржове (margins) към елементи
  • Стилизиране на текст с помощните класове на Tailwind
  • Добавяне и стилизиране на граници
  • Добавяне на сенки към елементи
  • Използване на breakpoints за добавяне на адаптивно поведение
  • Използване на псевдо-селектори
  • Директиви за слой (layer) и прилагане (apply)
  • Използване на компоненти за повторно използване на код

Настройка на по-добра среда за разработка

  • Създаване на среда с Tailwind CLI
  • Директиви и функции

Обобщение и следващи стъпки

Изисквания

  • Основни познания по HTML и CSS

Аудитория

  • Разработчици
 7 Часа

Брой участници


Цена за участник

Отзиви от участници (2)

Предстоящи Курсове

Свързани Kатегории