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

  Рет қаралды 66,450

Гоша Дударь

Гоша Дударь

Күн бұрын

Пікірлер: 111
@MixFixLix
@MixFixLix 4 ай бұрын
Легенда программирования, Легенда ютуба, большой поклон Человеку с большой буквы! Спасибо Георгий, очень выручили)
@asg5511
@asg5511 2 жыл бұрын
Очень полезное видео. Спасибо! Все наглядно и доходчиво.
@Ryzhenko_Bohdan
@Ryzhenko_Bohdan 2 жыл бұрын
Только вчера искал видео по этой теме. Спасибо большое!
@MuhammadjonGadoyboev
@MuhammadjonGadoyboev 3 ай бұрын
Большое спасибо Георгий за этот замечательный урок особенно за правильную установку tailwindcss 😀😃
@ForumATR2011
@ForumATR2011 Жыл бұрын
Давно не использовал Tailwind, посмотрел видео - всё вспомнил и снова верстаю лендинг в realtime - спасибо за видос!
@elsavetrova4266
@elsavetrova4266 Жыл бұрын
Чуваак, спасибо огромное, я запарилась домысливать, как и что тут происходит, с твоим уроком за минуту поняла
@RuslanaRovdo
@RuslanaRovdo 6 ай бұрын
Спасибо. Всё очень понятно и полезно. Возможно, попробую использовать для общего развития
@TheLemutant
@TheLemutant Жыл бұрын
Большое спасибо, очень полезное видео, особенно для новичков
@Vladimir-yh2dl
@Vladimir-yh2dl 2 жыл бұрын
крутой фреймворк, спасибо за обзор, попробовал и заметно сократилось время на верстку, теперь у меня процентов на 60 меньше времени занимает верстка, осталось классы подучить что бы без документации использовать
@Vladimir-yh2dl
@Vladimir-yh2dl Жыл бұрын
@ducke спасибо ! помогает, уже установил, с этим расширением намного удобнее
@СашаАлександр-е4м
@СашаАлександр-е4м 3 ай бұрын
​@@Vladimir-yh2dl в vs есть плагин tailwind для подсказок
@andynaz7044
@andynaz7044 2 жыл бұрын
MacBook-Pro-Georgij --- Блин, как же это круто! Русский интерфейс в VS Code, прям как в школе, -- это ещё круче!! (Спасибо, поржала)
@selub1058
@selub1058 6 ай бұрын
Круто. Спасибо за видео.
@MrHyorn
@MrHyorn Жыл бұрын
Спасибо за видео, понравилось, так как узнал для себя много нового.
@RobMel-u2n
@RobMel-u2n Жыл бұрын
Топ ,спасибо за инфу ,хорошо объясняешь для новичков .пошел смотреть твои видосы
@kenazatelier
@kenazatelier Жыл бұрын
Единственный типок который рассказал на человеческом языке. Хоть я и устанавливал на Laravel! ))
@unicoxr5tj417
@unicoxr5tj417 2 жыл бұрын
лайкнул, норм прям) Остается живой проект в качестве практики
@gom-jabbar
@gom-jabbar 11 ай бұрын
Очень полезный урок. Спасибо
@gramir2053
@gramir2053 Жыл бұрын
Отлично объясняете, спасибо!
@ДмитрийС-ш9б
@ДмитрийС-ш9б 9 ай бұрын
Спасибо за старания, хорош!
@vvks9901
@vvks9901 8 ай бұрын
Спасибо, Гоша!
@alexandr8978
@alexandr8978 2 жыл бұрын
Сколько же бороды). Ну есть же css/scss. Просто, комфортно и быстро.
@СашаАлександр-е4м
@СашаАлександр-е4м 3 ай бұрын
Да, ну потом ещё нужно использовать все это в react с material ui и вероятно с использованием псевдобазы данных. Ну это лично мой план на неделю, осталось только material ui выучить.
@azamatkozuaidarov5183
@azamatkozuaidarov5183 Жыл бұрын
Дударь Ваще Четко обьяснил Подписка обеспечена я требую продолжения банкета 😂😂😂
@AmericanDragon134
@AmericanDragon134 2 жыл бұрын
Долгожданный видео
@AbylaiMaratkhan
@AbylaiMaratkhan Жыл бұрын
Гоша и ещё раз спасибо
@romansozinov
@romansozinov Жыл бұрын
Чётко!
@artemivanov5013
@artemivanov5013 2 жыл бұрын
Нужно больше видео про блокчейн, смарт контракты и еще про web 3.0 🙏🏻
@ВладКарцаев
@ВладКарцаев 2 жыл бұрын
не нужно.
@artemivanov5013
@artemivanov5013 2 жыл бұрын
@@ВладКарцаев Подумай еще раз хорошенько
@igordzhenkov5860
@igordzhenkov5860 2 жыл бұрын
Щось подібне май же сам зробив. А бачу, що все вже є). 👍 за відос.
@sergevasin6956
@sergevasin6956 2 жыл бұрын
Познакомился с Tailwind, когда начал изучать ларку, поставил тогда стартер кит Breeze, ну и попробовал верстать сайт на этом Tailwind, и послал его на 3 буквы. Лучше голый CSS, если Bootstrap не устраивает, чем ЭТО, меньше кода будет и проще понять... ИМХО!
@mirchaalexandrov561
@mirchaalexandrov561 Жыл бұрын
заметил, что если проект запускаешь заново и ничего не работает, попробуйте написать npm start в терминале. Мне помогло.
@mirchaalexandrov561
@mirchaalexandrov561 Жыл бұрын
и еще с html убрал class='dark'
@zs4928
@zs4928 2 жыл бұрын
Как сделать чтобы при нажатии кнопки выразила реклама,и давали монетки.
@vp_arth
@vp_arth 9 ай бұрын
Вот такая вот тут как раз идёт логика. Вполне себе опять же неплохо..
@rutin.a6472
@rutin.a6472 Жыл бұрын
У меня на 41 минуте хром в инспектори пишет что h = 0 и поэтому не показывается блок В коде не косячил, но все же вот
@yanbelov8319
@yanbelov8319 11 ай бұрын
Мне интересно есть ли там Сетка для адаптива ?(как в бутстрапе)
@Craftusha
@Craftusha 3 ай бұрын
помогите, у меня не работает цвет фона
@maksymdudyk1718
@maksymdudyk1718 2 жыл бұрын
Високий рівень. Дякую Вам!
@МаксимКарпыза-з5ъ
@МаксимКарпыза-з5ъ 2 жыл бұрын
Очень и очень поверхностно. Таких видео даже на русском 1000 и 1 штука.
@chyngyzkalybekov6918
@chyngyzkalybekov6918 2 жыл бұрын
а че тебе еще надо? практикуйся смотри в документацию и со временем запомнишь че как в садике все надо объяснять?
@andynaz7044
@andynaz7044 2 жыл бұрын
Ну, так для Гоши это золотой стандарт. Он разве по-другому хоть что-то рассказывает? Нет, никогда. Для школоты -- самое оно.
@kennyvision5789
@kennyvision5789 2 жыл бұрын
Круто, буду использовать. Очень удобно верстать адаптив. Тем кто знает css, тому проще. HTML раздувает конечно + БЭМ, не знаю влияет ли это на что-нибудь. То что css файл отдельно компилируется это понятно. А как с результирующем HTML, он также с классами от тайвинд скомпилируется ?
@СергейКр-щ4с
@СергейКр-щ4с Жыл бұрын
у кого то были проблемы с темной темой? если класс в html поменять на light то все равно применяются стили для dark
@Nikroks
@Nikroks 2 жыл бұрын
В видео показываются новшества из tailwind 3.1?
@xenonworld2489
@xenonworld2489 Жыл бұрын
а что делать если темный режим не работает
@progi99
@progi99 Жыл бұрын
фигово то что он не обновляется в лайв сервере, надо команду запускать что бы он нормально обновлялся.
@edwardsheiks1327
@edwardsheiks1327 2 ай бұрын
все эти цифры p-10, m-4 space-y-2 и т.п, умножайте на 4 получите размер пикселей
@СашаАлександр-е4м
@СашаАлександр-е4м 3 ай бұрын
Охренеть ,"эволюция Гоши ", он теперь использкет npm, а не бесполезное подключения по ссылке
@БонуБобоева-й7ы
@БонуБобоева-й7ы 7 ай бұрын
Почему у меня не работает прописаныйе стили ответьте пожалуйста кто нибудь
@Play.for.yourself2004
@Play.for.yourself2004 2 жыл бұрын
А как подключить к Django
@diatm1506
@diatm1506 Жыл бұрын
Его обычно используют с 4-8 px grid layout
@NeGovoriNet
@NeGovoriNet 2 жыл бұрын
Ребята, не учите tailwind, только, если вы под пытками :)
@NewDimix
@NewDimix 2 жыл бұрын
его не нужно учить, достаточно просто попробовать, чтобы освоить
@vkussno2875
@vkussno2875 2 жыл бұрын
Если вас пугает множество классов, то вам достаточно использовать js чтобы создать массив и перебрать стили
@NewDimix
@NewDimix 2 жыл бұрын
@@vkussno2875 и по сути получится тот же css, где вместо селекторов и правил внутри - массив с классами внутри :)
@alexo6935
@alexo6935 Жыл бұрын
А как же БЭМ?)
@YOFAYEP
@YOFAYEP 2 жыл бұрын
Уже 2 месяца как на Tailwind css Верстаю сайты и могу сказать что фреймворк хороший но что то не хватает так как я перешёл на него из Bootstrap
@serhii7460
@serhii7460 2 жыл бұрын
Только на IDE он не работает
@thebestofformula1378
@thebestofformula1378 2 жыл бұрын
А есть ли подобный урок по BOOTstrap или курс видеоуроков по BOOTstrap
@BOXDAN-F
@BOXDAN-F 2 жыл бұрын
Норм расказываешь
@felix9091
@felix9091 2 жыл бұрын
Очень понятно, Ну понятнее уже не куда.
@dgonlock1893
@dgonlock1893 2 жыл бұрын
У одной ссылки столько класов, как то не очень.
@zigzag2341
@zigzag2341 Жыл бұрын
По-моему это лучше, чем mylink который фиг пойми за что отвечает. Да ещё и по разным файлам могут быть стили раскиданы... Вот надо тебе конкретно этот элемент особенным сделать так надо создавать новый класс а если на проекте разные люди работают .. каждый будет свои классы для выравнивания текста городить или контейнеры или ещё какие-то элементы делать повторно и классы друг друга будут перекрывать .. а так можно не создавать свои Css классы на уровне компонент лишний раз.
@atmalive
@atmalive 2 жыл бұрын
На первой минуте выключил. Есть bootstrap. И то он для тех, кто не знает css. По моему легче выучить css, чем библиотеку
@kasa3172
@kasa3172 2 жыл бұрын
Согласен с вами! Лично для меня не нужный вещь!
@zigzag2341
@zigzag2341 Жыл бұрын
Bootstrap свои элементы имеет, а tailwind это конструктор. Если бы ты действительно использовал бутстрап, то ты бы о нем не писал, потому что попробуй переопредели стили кнопок, модалок или ещё чего-то.. там по-любому надо импортанты использовать будет местами.. а в теилвинд по крайней мере в уроке я таких опасных классов не увидел, которые привносят боль рестайлинга.
@azamatkozuaidarov5183
@azamatkozuaidarov5183 Жыл бұрын
По полкам раскидал
@JasperCrow
@JasperCrow 2 жыл бұрын
*Сделай обзор на игру Безумие Реанимация*
@FlexICE
@FlexICE 4 ай бұрын
TailwindCSS - это зло. Я всё сказал
@ВладХрусталев-и4и
@ВладХрусталев-и4и 2 жыл бұрын
Здравствуйте, я смотрю ваши видеоролики по изучению языков программирования, а также по изучение разных движков для создания игр и хотел бы посоветовать вам записать видеоролик по русскому движку Unigine. Многим я думаю понравится!
@Mr_Palch
@Mr_Palch 2 жыл бұрын
Возникла такая ситуация. Пишу Все хорошо, отступы есть. Затем решил добавить по Вашему совету адаптивности. И пишу это: Отступы при полном экране браузера исчезли. В чем тут дело?
@yulyayashina2801
@yulyayashina2801 2 жыл бұрын
Разобрались?
@Mr_Palch
@Mr_Palch 2 жыл бұрын
Нет.
@yulyayashina2801
@yulyayashina2801 2 жыл бұрын
@@Mr_Palch, Теперь, надеюсь, да.
@Mr_Palch
@Mr_Palch 2 жыл бұрын
@@yulyayashina2801 а вы знаете в чем тут проблема?
@yulyayashina2801
@yulyayashina2801 2 жыл бұрын
@@Mr_Palch я же написала в комментарии рядом
@pavlodevpro
@pavlodevpro 2 жыл бұрын
Представляю себе, какой это геморрой так верстать: например дизайнер сделал макет, где используется 50 оттенков серого - что на них всех отдельные классы писать? Уж не проще ли обычным способом: из Фигмы скопировал CSS код и вставил себе в класс, который сам же и назвал! Секунда дела, а не вручную выписывать эти все классы. А уж если надо будет Pixel Perfect сделать - то использовать фреймворк это не иначе как слабоумие.
@shturmovik8284
@shturmovik8284 2 жыл бұрын
Такие фреймворки обычно используют при разработке, например, на react
@zigzag2341
@zigzag2341 Жыл бұрын
Уверен что есть готовые плагины для фигмы которые умеют работать с tailwind, думаю это даже удобней будет потому что не надо свои классы придумывать. Если у вас на каждой странице разные отступы и цвета то дизайнер скорее всего овощ так как обычно же есть тема с определенным набором цветов. Все-равно не все что выдает фигма можно вставлять и адаптивность она за тебя не сделает насколько я знаю и ховеры всякие.
@НМЦПТОДПЮА
@НМЦПТОДПЮА 11 күн бұрын
Дякую
@Aydamir_07
@Aydamir_07 2 жыл бұрын
27:00
@skiner9942
@skiner9942 Жыл бұрын
Эх, щас бы хидер.
@AmericanDragon134
@AmericanDragon134 2 жыл бұрын
Будетли видео JWT , cloud , apollo...
@BboyAkep
@BboyAkep 2 жыл бұрын
Не от того канала видосы ждёшь)
@hpcforum
@hpcforum 2 жыл бұрын
Приятель, сделай что-то у себя со звуком! Я в шоке, сколько технических видео, а звук на минималках. Неужели ты не можешь отмикшировать звук?!
@KANSHAU
@KANSHAU 2 жыл бұрын
Привет, Гоша. Tailwind - ну, не знаю, столько классов фигачить в один тег.Такое себе.Лучше реально знать CSS.
@nikitos23kh
@nikitos23kh 2 жыл бұрын
Можно настроить конфиги и лепить стили через scss
@diatm1506
@diatm1506 Жыл бұрын
Это ладно как анимации делать?))
@ThePredsedatel
@ThePredsedatel 2 жыл бұрын
хидер
@philomelnightingale6263
@philomelnightingale6263 2 жыл бұрын
Tailwind как-то уж сильно раздумает HTML-код. Просто ветер из-под хвоста. 💥💨
@nikitos23kh
@nikitos23kh 2 жыл бұрын
Так настрой свои конфиги и пользуйся через scss
@damirasanov8993
@damirasanov8993 2 жыл бұрын
второй
@alexmidnayt159
@alexmidnayt159 2 жыл бұрын
Аби, ти ще це все українською озвучував!
@AntonioBenderas
@AntonioBenderas 2 жыл бұрын
💛💙
@Gazovchik
@Gazovchik 2 жыл бұрын
Ооочень быстро........ Если это именно Обучающее видео - Убавляй Скорость Подачи
@zigzag2341
@zigzag2341 Жыл бұрын
Нормально все, смотри уроки для новичков веб дева если не понимаешь ничего.
@Gazovchik
@Gazovchik Жыл бұрын
@@zigzag2341 НЕдалёкое,,,,,,,,
@quranmemo
@quranmemo Жыл бұрын
@NewDimix
@NewDimix 2 жыл бұрын
В обычном CSS можно также "сразу разрабатывать две версии вашего сайта"... В целом половину посмотрел - никаких преимуществ не увидел, смотрим дальше
@oleksandrkhrashchevskyi5265
@oleksandrkhrashchevskyi5265 Жыл бұрын
если ты купил хороший хостинг, ужал фото, сделал ленивую загрузку то по скрости тальвинд что и бустрап одинаковый. А тут нужно что-то качать настроить, долго и нудно. Бустрап легок если уметь удалять хлам, делов на 5 минут а скрость как и у тальвинда
@sergeibogomolov6179
@sergeibogomolov6179 2 ай бұрын
непонятно зачем это нужно
@HeIIoW0RLD
@HeIIoW0RLD 7 ай бұрын
Очень полезное видео. Спасибо!
@Play.for.yourself2004
@Play.for.yourself2004 2 жыл бұрын
А как подключить к Django
@Play.for.yourself2004
@Play.for.yourself2004 2 жыл бұрын
А как подключить к Django
@Play.for.yourself2004
@Play.for.yourself2004 2 жыл бұрын
А как подключить к Django
TailwindCSS. Полный курс
1:55:05
webDev
Рет қаралды 67 М.
VIP ACCESS
00:47
Natan por Aí
Рет қаралды 30 МЛН
人是不能做到吗?#火影忍者 #家人  #佐助
00:20
火影忍者一家
Рет қаралды 20 МЛН
Tailwind CSS Tutorial for Beginners (2024) - What YOU need to know
22:10
Lukas | Web Development & Design
Рет қаралды 182 М.
Минимум математики для Айтишников
16:12