Тёмный
No video :(

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

Гоша Дударь
Подписаться 886 тыс.
Просмотров 63 тыс.
50% 1

Опубликовано:

 

28 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 104   
@MixFixLix
@MixFixLix 12 дней назад
Легенда программирования, Легенда ютуба, большой поклон Человеку с большой буквы! Спасибо Георгий, очень выручили)
@asg5511
@asg5511 2 года назад
Очень полезное видео. Спасибо! Все наглядно и доходчиво.
@Ryzhenko_Bohdan
@Ryzhenko_Bohdan 2 года назад
Только вчера искал видео по этой теме. Спасибо большое!
@alexandr8978
@alexandr8978 2 года назад
Сколько же бороды). Ну есть же css/scss. Просто, комфортно и быстро.
@elsavetrova4266
@elsavetrova4266 Год назад
Чуваак, спасибо огромное, я запарилась домысливать, как и что тут происходит, с твоим уроком за минуту поняла
@HeIIoW0RLD
@HeIIoW0RLD 3 месяца назад
Очень полезное видео. Спасибо!
@RuslanaRovdo
@RuslanaRovdo 2 месяца назад
Спасибо. Всё очень понятно и полезно. Возможно, попробую использовать для общего развития
@ForumATR2011
@ForumATR2011 Год назад
Давно не использовал Tailwind, посмотрел видео - всё вспомнил и снова верстаю лендинг в realtime - спасибо за видос!
@Vladimir-yh2dl
@Vladimir-yh2dl Год назад
крутой фреймворк, спасибо за обзор, попробовал и заметно сократилось время на верстку, теперь у меня процентов на 60 меньше времени занимает верстка, осталось классы подучить что бы без документации использовать
@Vladimir-yh2dl
@Vladimir-yh2dl Год назад
@ducke спасибо ! помогает, уже установил, с этим расширением намного удобнее
@MrHyorn
@MrHyorn Год назад
Спасибо за видео, понравилось, так как узнал для себя много нового.
@TheLemutant
@TheLemutant Год назад
Большое спасибо, очень полезное видео, особенно для новичков
@user-no5re7vc3b
@user-no5re7vc3b 11 месяцев назад
Топ ,спасибо за инфу ,хорошо объясняешь для новичков .пошел смотреть твои видосы
@kenazatelier
@kenazatelier Год назад
Единственный типок который рассказал на человеческом языке. Хоть я и устанавливал на Laravel! ))
@sergevasin6956
@sergevasin6956 2 года назад
Познакомился с Tailwind, когда начал изучать ларку, поставил тогда стартер кит Breeze, ну и попробовал верстать сайт на этом Tailwind, и послал его на 3 буквы. Лучше голый CSS, если Bootstrap не устраивает, чем ЭТО, меньше кода будет и проще понять... ИМХО!
@selub1058
@selub1058 2 месяца назад
Круто. Спасибо за видео.
@unicoxr5tj417
@unicoxr5tj417 2 года назад
лайкнул, норм прям) Остается живой проект в качестве практики
@andynaz7044
@andynaz7044 2 года назад
MacBook-Pro-Georgij --- Блин, как же это круто! Русский интерфейс в VS Code, прям как в школе, -- это ещё круче!! (Спасибо, поржала)
@gramir2053
@gramir2053 Год назад
Отлично объясняете, спасибо!
@vvks9901
@vvks9901 4 месяца назад
Спасибо, Гоша!
@user-zb9qy9yc4b
@user-zb9qy9yc4b 5 месяцев назад
Спасибо за старания, хорош!
@gom-jabbar
@gom-jabbar 7 месяцев назад
Очень полезный урок. Спасибо
@artemivanov5013
@artemivanov5013 2 года назад
Нужно больше видео про блокчейн, смарт контракты и еще про web 3.0 🙏🏻
@user-fr8ti5hk8r
@user-fr8ti5hk8r 2 года назад
не нужно.
@artemivanov5013
@artemivanov5013 2 года назад
@@user-fr8ti5hk8r Подумай еще раз хорошенько
@azamatkozuaidarov5183
@azamatkozuaidarov5183 Год назад
Дударь Ваще Четко обьяснил Подписка обеспечена я требую продолжения банкета 😂😂😂
@user-gw2dw5qs5w
@user-gw2dw5qs5w Год назад
Спасибо! То что надо
@user-ss7hz4nv5g
@user-ss7hz4nv5g 2 года назад
Очень и очень поверхностно. Таких видео даже на русском 1000 и 1 штука.
@chyngyzkalybekov6918
@chyngyzkalybekov6918 2 года назад
а че тебе еще надо? практикуйся смотри в документацию и со временем запомнишь че как в садике все надо объяснять?
@andynaz7044
@andynaz7044 2 года назад
Ну, так для Гоши это золотой стандарт. Он разве по-другому хоть что-то рассказывает? Нет, никогда. Для школоты -- самое оно.
@AmericanDragon134
@AmericanDragon134 2 года назад
Долгожданный видео
@romansozinov
@romansozinov Год назад
Чётко!
@kennyvision5789
@kennyvision5789 2 года назад
Круто, буду использовать. Очень удобно верстать адаптив. Тем кто знает css, тому проще. HTML раздувает конечно + БЭМ, не знаю влияет ли это на что-нибудь. То что css файл отдельно компилируется это понятно. А как с результирующем HTML, он также с классами от тайвинд скомпилируется ?
@NeGovoriNet
@NeGovoriNet 2 года назад
Ребята, не учите tailwind, только, если вы под пытками :)
@NewDimix
@NewDimix Год назад
его не нужно учить, достаточно просто попробовать, чтобы освоить
@vkussno2875
@vkussno2875 Год назад
Если вас пугает множество классов, то вам достаточно использовать js чтобы создать массив и перебрать стили
@NewDimix
@NewDimix Год назад
@@vkussno2875 и по сути получится тот же css, где вместо селекторов и правил внутри - массив с классами внутри :)
@igordzhenkov5860
@igordzhenkov5860 2 года назад
Щось подібне май же сам зробив. А бачу, що все вже є). 👍 за відос.
@AbylaiMaratkhan
@AbylaiMaratkhan 8 месяцев назад
Гоша и ещё раз спасибо
@vp_arth
@vp_arth 5 месяцев назад
Вот такая вот тут как раз идёт логика. Вполне себе опять же неплохо..
@mirchaalexandrov561
@mirchaalexandrov561 Год назад
заметил, что если проект запускаешь заново и ничего не работает, попробуйте написать npm start в терминале. Мне помогло.
@mirchaalexandrov561
@mirchaalexandrov561 Год назад
и еще с html убрал class='dark'
@zs4928
@zs4928 2 года назад
Как сделать чтобы при нажатии кнопки выразила реклама,и давали монетки.
@maksymdudyk1718
@maksymdudyk1718 2 года назад
Високий рівень. Дякую Вам!
@user-lh3yq7jl4s
@user-lh3yq7jl4s 3 месяца назад
Почему у меня не работает прописаныйе стили ответьте пожалуйста кто нибудь
@atmalive
@atmalive 2 года назад
На первой минуте выключил. Есть bootstrap. И то он для тех, кто не знает css. По моему легче выучить css, чем библиотеку
@kasa3172
@kasa3172 2 года назад
Согласен с вами! Лично для меня не нужный вещь!
@zigzag2341
@zigzag2341 Год назад
Bootstrap свои элементы имеет, а tailwind это конструктор. Если бы ты действительно использовал бутстрап, то ты бы о нем не писал, потому что попробуй переопредели стили кнопок, модалок или ещё чего-то.. там по-любому надо импортанты использовать будет местами.. а в теилвинд по крайней мере в уроке я таких опасных классов не увидел, которые привносят боль рестайлинга.
@rutin.a6472
@rutin.a6472 Год назад
У меня на 41 минуте хром в инспектори пишет что h = 0 и поэтому не показывается блок В коде не косячил, но все же вот
@yanbelov8319
@yanbelov8319 7 месяцев назад
Мне интересно есть ли там Сетка для адаптива ?(как в бутстрапе)
@diatm1506
@diatm1506 Год назад
Его обычно используют с 4-8 px grid layout
@Nikroks
@Nikroks 2 года назад
В видео показываются новшества из tailwind 3.1?
@user-tj2nd2el8c
@user-tj2nd2el8c Год назад
у кого то были проблемы с темной темой? если класс в html поменять на light то все равно применяются стили для dark
@xenonworld2489
@xenonworld2489 Год назад
а что делать если темный режим не работает
@progi99
@progi99 10 месяцев назад
фигово то что он не обновляется в лайв сервере, надо команду запускать что бы он нормально обновлялся.
@felix9091
@felix9091 Год назад
Очень понятно, Ну понятнее уже не куда.
@Play.for.yourself2004
@Play.for.yourself2004 2 года назад
А как подключить к Django
@BOXDAN-F
@BOXDAN-F 2 года назад
Норм расказываешь
@user-nu9vs2fx9v
@user-nu9vs2fx9v 2 года назад
Здравствуйте, я смотрю ваши видеоролики по изучению языков программирования, а также по изучение разных движков для создания игр и хотел бы посоветовать вам записать видеоролик по русскому движку Unigine. Многим я думаю понравится!
@JasperCrow
@JasperCrow 2 года назад
*Сделай обзор на игру Безумие Реанимация*
@YOFAYEP
@YOFAYEP 2 года назад
Уже 2 месяца как на Tailwind css Верстаю сайты и могу сказать что фреймворк хороший но что то не хватает так как я перешёл на него из Bootstrap
@hpcforum
@hpcforum 2 года назад
Приятель, сделай что-то у себя со звуком! Я в шоке, сколько технических видео, а звук на минималках. Неужели ты не можешь отмикшировать звук?!
@FlexICE
@FlexICE 24 дня назад
TailwindCSS - это зло. Я всё сказал
@alexo6935
@alexo6935 Год назад
А как же БЭМ?)
@serhii7460
@serhii7460 2 года назад
Только на IDE он не работает
@azamatkozuaidarov5183
@azamatkozuaidarov5183 Год назад
По полкам раскидал
@pavlodevpro
@pavlodevpro Год назад
Представляю себе, какой это геморрой так верстать: например дизайнер сделал макет, где используется 50 оттенков серого - что на них всех отдельные классы писать? Уж не проще ли обычным способом: из Фигмы скопировал CSS код и вставил себе в класс, который сам же и назвал! Секунда дела, а не вручную выписывать эти все классы. А уж если надо будет Pixel Perfect сделать - то использовать фреймворк это не иначе как слабоумие.
@shturmovik8284
@shturmovik8284 Год назад
Такие фреймворки обычно используют при разработке, например, на react
@zigzag2341
@zigzag2341 Год назад
Уверен что есть готовые плагины для фигмы которые умеют работать с tailwind, думаю это даже удобней будет потому что не надо свои классы придумывать. Если у вас на каждой странице разные отступы и цвета то дизайнер скорее всего овощ так как обычно же есть тема с определенным набором цветов. Все-равно не все что выдает фигма можно вставлять и адаптивность она за тебя не сделает насколько я знаю и ховеры всякие.
@thebestofformula1378
@thebestofformula1378 2 года назад
А есть ли подобный урок по BOOTstrap или курс видеоуроков по BOOTstrap
@KANSHAU
@KANSHAU 2 года назад
Привет, Гоша. Tailwind - ну, не знаю, столько классов фигачить в один тег.Такое себе.Лучше реально знать CSS.
@nikitos23kh
@nikitos23kh 2 года назад
Можно настроить конфиги и лепить стили через scss
@diatm1506
@diatm1506 Год назад
Это ладно как анимации делать?))
@dgonlock1893
@dgonlock1893 2 года назад
У одной ссылки столько класов, как то не очень.
@zigzag2341
@zigzag2341 Год назад
По-моему это лучше, чем mylink который фиг пойми за что отвечает. Да ещё и по разным файлам могут быть стили раскиданы... Вот надо тебе конкретно этот элемент особенным сделать так надо создавать новый класс а если на проекте разные люди работают .. каждый будет свои классы для выравнивания текста городить или контейнеры или ещё какие-то элементы делать повторно и классы друг друга будут перекрывать .. а так можно не создавать свои Css классы на уровне компонент лишний раз.
@Mr_Palch
@Mr_Palch Год назад
Возникла такая ситуация. Пишу Все хорошо, отступы есть. Затем решил добавить по Вашему совету адаптивности. И пишу это: Отступы при полном экране браузера исчезли. В чем тут дело?
@yulyayashina2801
@yulyayashina2801 Год назад
Разобрались?
@Mr_Palch
@Mr_Palch Год назад
Нет.
@yulyayashina2801
@yulyayashina2801 Год назад
@@Mr_Palch, Теперь, надеюсь, да.
@Mr_Palch
@Mr_Palch Год назад
@@yulyayashina2801 а вы знаете в чем тут проблема?
@yulyayashina2801
@yulyayashina2801 Год назад
@@Mr_Palch я же написала в комментарии рядом
@skiner9942
@skiner9942 10 месяцев назад
Эх, щас бы хидер.
@Aydamir_07
@Aydamir_07 2 года назад
27:00
@AmericanDragon134
@AmericanDragon134 2 года назад
Будетли видео JWT , cloud , apollo...
@BboyAkep
@BboyAkep 2 года назад
Не от того канала видосы ждёшь)
@philomelnightingale6263
@philomelnightingale6263 2 года назад
Tailwind как-то уж сильно раздумает HTML-код. Просто ветер из-под хвоста. 💥💨
@nikitos23kh
@nikitos23kh 2 года назад
Так настрой свои конфиги и пользуйся через scss
@ThePredsedatel
@ThePredsedatel 2 года назад
хидер
@alexmidnayt159
@alexmidnayt159 2 года назад
Аби, ти ще це все українською озвучував!
@AntonioBenderas
@AntonioBenderas 2 года назад
💛💙
@damirasanov8993
@damirasanov8993 2 года назад
второй
@Gazovchik
@Gazovchik 2 года назад
Ооочень быстро........ Если это именно Обучающее видео - Убавляй Скорость Подачи
@zigzag2341
@zigzag2341 Год назад
Нормально все, смотри уроки для новичков веб дева если не понимаешь ничего.
@Gazovchik
@Gazovchik Год назад
@@zigzag2341 НЕдалёкое,,,,,,,,
@NewDimix
@NewDimix Год назад
В обычном CSS можно также "сразу разрабатывать две версии вашего сайта"... В целом половину посмотрел - никаких преимуществ не увидел, смотрим дальше
@quranmemo
@quranmemo 10 месяцев назад
@oleksandrkhrashchevskyi5265
если ты купил хороший хостинг, ужал фото, сделал ленивую загрузку то по скрости тальвинд что и бустрап одинаковый. А тут нужно что-то качать настроить, долго и нудно. Бустрап легок если уметь удалять хлам, делов на 5 минут а скрость как и у тальвинда
@Play.for.yourself2004
@Play.for.yourself2004 2 года назад
А как подключить к Django
@Play.for.yourself2004
@Play.for.yourself2004 2 года назад
А как подключить к Django
@Play.for.yourself2004
@Play.for.yourself2004 2 года назад
А как подключить к Django
Далее
10 Tailwind Classes I Wish I Knew Earlier
13:31
Просмотров 179 тыс.
Do You Really Need Bootstrap or Tailwind?
8:28
Просмотров 191 тыс.
Top 10 Tips and Tricks with Tailwind CSS
23:45
Просмотров 88 тыс.
TailwindCSS. Полный курс
1:55:05
Просмотров 64 тыс.
Tailwind, utility-first css-фреймворк
1:25:39
Просмотров 11 тыс.
CSS Anchor Is The Best New CSS Feature Since Flexbox
15:39