Изучение Tailwind CSS за час в одном видео! Разработка проекта с нуля

Представляю вам большой урок по изучению CSS фреймворка Tailwind CSS за час! В ходе урока для начинающих вы с нуля изучите принцип работы данной технологии, научитесь прописывать стили на её основе и разработаете небольшой веб сайт при помощи Tailwind CSS.

✅ Полезные ссылки:

⏰ Тайм-коды:
00:00 - Начало
00:22 - Что такое Tailwind?
01:19 - Отличие между Tailwind и Bootstrap
02:20 - Что необходимо знать?
02:46 - Подключение Tailwind
06:30 - Инициализация проекта
14:00 - Базовые стили
18:25 - Ночной режим
21:50 - Разработка проекта
25:50 - Создание шапки
33:30 - Основной часть сайта
39:30 - Система сеток
42:58 - Адаптивность сайта
53:50 - Заключительная часть


✔ -------------


- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #goshaLessons

[asg]

Очень полезное видео. Спасибо!
Все наглядно и доходчиво.

[Ryzhenko_Bohdan]

Только вчера искал видео по этой теме. Спасибо большое!

[ForumATR]

Давно не использовал Tailwind, посмотрел видео - всё вспомнил и снова верстаю лендинг в realtime - спасибо за видос!

[TheLemutant]

Большое спасибо, очень полезное видео, особенно для новичков

[MrHyorn]

Спасибо за видео, понравилось, так как узнал для себя много нового.

[elsavetrova]

Чуваак, спасибо огромное, я запарилась домысливать, как и что тут происходит, с твоим уроком за минуту поняла

[norevcb]

Топ, спасибо за инфу, хорошо объясняешь для новичков .пошел смотреть твои видосы

[RuslanaRovdo]

Спасибо. Всё очень понятно и полезно. Возможно, попробую использовать для общего развития

[alexandr]

Сколько же бороды). Ну есть же css/scss. Просто, комфортно и быстро.

[unicoxrtj]

лайкнул, норм прям) Остается живой проект в качестве практики

[Vladimir-yhdl]

крутой фреймворк, спасибо за обзор, попробовал и заметно сократилось время на верстку, теперь у меня процентов на 60 меньше времени занимает верстка, осталось классы подучить что бы без документации использовать

[zs]

Как сделать чтобы при нажатии кнопки выразила реклама, и давали монетки.

[kennyvision]

Круто, буду использовать. Очень удобно верстать адаптив. Тем кто знает css, тому проще. HTML раздувает конечно + БЭМ, не знаю влияет ли это на что-нибудь.
То что css файл отдельно компилируется это понятно. А как с результирующем HTML, он также с классами от тайвинд скомпилируется ?

[Nikroks]

В видео показываются новшества из tailwind 3.1?

[andynaz]

MacBook-Pro-Georgij --- Блин, как же это круто!
Русский интерфейс в VS Code, прям как в школе, -- это ещё круче!!
(Спасибо, поржала)

[rutin.a]

У меня на 41 минуте хром в инспектори пишет что h = 0 и поэтому не показывается блок
В коде не косячил, но все же вот

<div class="container mx-auto py-big grid grid-cols-4 grid-flow-col gap-4">
<div class="bg-fuchsia-500 w-1/5 h-[100px]"></div>

[yanbelov]

Мне интересно есть ли там Сетка для адаптива ?(как в бутстрапе)

[kenazatelier]

Единственный типок который рассказал на человеческом языке. Хоть я и устанавливал на Laravel! ))

[tjndelc]

у кого то были проблемы с темной темой? если класс в html поменять на light то все равно применяются стили для dark

[azamatkozuaidarov]

Дударь Ваще Четко обьяснил Подписка обеспечена я требую продолжения банкета 😂😂😂