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

preview_player
Показать описание
#YauhenK #webdev #TailwindCSS #Tailwind #CSS

В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему.

✒ Репозиторий курса:

✒ 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)

✒ Полный список готовых и планируемых курсов:

✒ Автор курса:

Рекомендации по теме
Комментарии
Автор

Очень очень искренне благодарен, за такую афигенскую работу!

igorkulibaba
Автор

шикарная подача материала! спасибо большое за Ваш труд!

Grigoren_com
Автор

Великолепно! Очень доступно и без воды

serga
Автор

Большущее спасибо за подробный разбор фреймворка!

ta_ivanova
Автор

Спасибо за труд, жаль что мало просмотров, в рунете твой курс лучшее что удалось найти!👍

alexsavchenko
Автор

Курс - бомба, оправданно восхищаюсь манерой подачи информации после прохождения этого курса и еще двух других. Спасибо за Вашу работу!

hreseef
Автор

Женя большое спасибо, ещё не начинал смотреть но уверен что контент будет годный как всегда)

andrew_br
Автор

Это лучший курс что я видел!!! браво! просто браво стоя!

antonkuznetsov
Автор

Благодарен за урок, четко все объясняешь спасибо!

medokuk
Автор

лет 5 когда начинал знакомиться с миром программирование не хватало мелких разъяснений как работают те или иные вещи и в сети не было конкретного. Помню как мучился в версиями зависимости ) лайк что новичкам показываешь.

slt
Автор

Несправедливо малое количество лайков для столь качественного объяснения.

zaurhuseynzade
Автор

Лайк не глядя, Женя - это гарантия годноты!

Nikitosss
Автор

Отличное видео, огромное спасибо за труд!

alexmoney
Автор

Отличный урок. Красота :-) И приятный голос.

adamandsteve
Автор

Огромное спасибо) знакома с технологий, решила обновить знания и очень много вынесла с вашего урока!)

Oksanik
Автор

Очень полезный курс. Хорошая подача. Лайк и подписка!

voronovmaksim
Автор

Очень все структурировано и подробно! Велике дякую!)

bfgdohm
Автор

Спасибо за видео, все понятно и информация нужная

raftti
Автор

Благодарю! Интересный фреймворк. Было бы неплохо увидеть подобный курс об SCSS.

witseid
Автор

Благодарю! Заранее ставлю лайк, но смотреть буду позже, как освою базу!)

lxvvuuu