План на курса

Въведение

  • Обзор на Tailwind CSS

Начало

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

Основни концепции на Tailwind CSS

  • Прилагане на Tailwind CSS към HTML
  • Създаване на контейнери с утилитетни класове
  • Добавяне на свойства за ширина и височина
  • Разбиране на работата на flexbox
  • Завиване и промяна на размер на flex елементи
  • Създаване на грид и редово разпределение
  • Регулиране на потока на елементи в грид разпределение
  • Добавяне на разстояние между и изравняване на елементи
  • Изравняване на отделни елементи
  • Добавяне на отстъпки и маргинали към елементи
  • Стилове на текст с утилитетни класове на Tailwind
  • Добавяне и стилизиране на граници
  • Добавяне на сянки към елементи
  • Използване на прекъснати точки за добаване на адаптивно поведение
  • Използване на псевдо селектори
  • Нанасяне и прилагане на директиви
  • Използване на компоненти за повторно използване на код

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

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

Резюме и следващи стъпки

Изисквания

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

Целева аудитория

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

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


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

Отзиви от потребители (4)

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

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