Myvideo

Guest

Login

TailwindCSS. Полный курс

Uploaded By: Myvideo
3 views
0
0 votes
0

#YauhenK #webdev #TailwindCSS #Tailwind #CSS В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему. ✒ Репозиторий курса: ✔ GitHub: ✒ Timeline: ✔ 0:00 - Введение (Introduction) ✔ 2:05 - Установка окружения (Setup Environment) ✔ 10:11 - Шрифты и цвета (Fonts & Colors) ✔ 17:35 - Отступы и граница (Padding, Margin & Borders) ✔ 27:03 - Декорирование (Hover & Decoration) ✔ 35:15 - Кнопки (Buttons) ✔ 43:06 - Применение Flexbox (Using Flexbox) ✔ 48:39 - Директивы (Directives) ✔ 55:16 - Иконки (Icons) ✔ 59:43 - Сеточный макет (Grid Layout) ✔ 01:08:43 - Градиенты (Gradients) ✔ 01:16:07 - Отзывчивый макет (Responsive Layout) ✔ 01:24:39 - Картинки (Images) ✔ 01:31:29 - Плавные переходы (Transitions) ✔ 01:38:24 - Тёмная тема (Dark Theme) ✔ 01:47:53 - Пользовательские настройки (Customization) ✒ Полный список готовых и планируемых курсов: ✔ Trello: ✒ Автор курса: ✔ YouTube: ✔ Instagram: ✔ Twitter: ✔ VK: ✔ LinkedIn: ✔ GitHub: ✔ VK (Группа): ✒ Поддержать развитие канала:

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later