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

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ • 111

  • @MixFixLix
    @MixFixLix 4 місяці тому +2

    Легенда программирования, Легенда ютуба, большой поклон Человеку с большой буквы! Спасибо Георгий, очень выручили)

  • @asg5511
    @asg5511 2 роки тому +12

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

  • @MuhammadjonGadoyboev
    @MuhammadjonGadoyboev 3 місяці тому +1

    Большое спасибо Георгий за этот замечательный урок особенно за правильную установку tailwindcss 😀😃

  • @Ryzhenko_Bohdan
    @Ryzhenko_Bohdan 2 роки тому +6

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

  • @elsavetrova4266
    @elsavetrova4266 Рік тому +2

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

  • @ForumATR2011
    @ForumATR2011 Рік тому

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

  • @RuslanaRovdo
    @RuslanaRovdo 6 місяців тому

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

  • @TheLemutant
    @TheLemutant Рік тому +2

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

  • @unicoxr5tj417
    @unicoxr5tj417 2 роки тому +3

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

  • @RobMel-u2n
    @RobMel-u2n Рік тому

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

  • @MrHyorn
    @MrHyorn Рік тому +1

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

  • @gom-jabbar
    @gom-jabbar 11 місяців тому

    Очень полезный урок. Спасибо

  • @kenazatelier
    @kenazatelier Рік тому

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

  • @Vladimir-yh2dl
    @Vladimir-yh2dl Рік тому +1

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

    • @Vladimir-yh2dl
      @Vladimir-yh2dl Рік тому

      @ducke спасибо ! помогает, уже установил, с этим расширением намного удобнее

    • @СашаАлександр-е4м
      @СашаАлександр-е4м 3 місяці тому

      ​@@Vladimir-yh2dl в vs есть плагин tailwind для подсказок

  • @andynaz7044
    @andynaz7044 2 роки тому

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

  • @gramir2053
    @gramir2053 Рік тому +1

    Отлично объясняете, спасибо!

  • @selub1058
    @selub1058 6 місяців тому

    Круто. Спасибо за видео.

  • @azamatkozuaidarov5183
    @azamatkozuaidarov5183 Рік тому

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

  • @ДмитрийС-ш9б
    @ДмитрийС-ш9б 9 місяців тому

    Спасибо за старания, хорош!

  • @vvks9901
    @vvks9901 8 місяців тому

    Спасибо, Гоша!

  • @alexandr8978
    @alexandr8978 2 роки тому +18

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

    • @СашаАлександр-е4м
      @СашаАлександр-е4м 3 місяці тому +1

      Да, ну потом ещё нужно использовать все это в react с material ui и вероятно с использованием псевдобазы данных. Ну это лично мой план на неделю, осталось только material ui выучить.

  • @AmericanDragon134
    @AmericanDragon134 2 роки тому

    Долгожданный видео

  • @AbylaiMaratkhan
    @AbylaiMaratkhan Рік тому

    Гоша и ещё раз спасибо

  • @zs4928
    @zs4928 2 роки тому +1

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

  • @mirchaalexandrov561
    @mirchaalexandrov561 Рік тому +2

    заметил, что если проект запускаешь заново и ничего не работает, попробуйте написать npm start в терминале. Мне помогло.

  • @romansozinov
    @romansozinov Рік тому

    Чётко!

  • @rutin.a6472
    @rutin.a6472 Рік тому

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

  • @sergevasin6956
    @sergevasin6956 2 роки тому +6

    Познакомился с Tailwind, когда начал изучать ларку, поставил тогда стартер кит Breeze, ну и попробовал верстать сайт на этом Tailwind, и послал его на 3 буквы. Лучше голый CSS, если Bootstrap не устраивает, чем ЭТО, меньше кода будет и проще понять... ИМХО!

  • @yanbelov8319
    @yanbelov8319 11 місяців тому

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

  • @МаксимКарпыза-з5ъ
    @МаксимКарпыза-з5ъ 2 роки тому +5

    Очень и очень поверхностно. Таких видео даже на русском 1000 и 1 штука.

    • @chyngyzkalybekov6918
      @chyngyzkalybekov6918 2 роки тому +1

      а че тебе еще надо?
      практикуйся смотри в документацию и со временем запомнишь че как в садике все надо объяснять?

    • @andynaz7044
      @andynaz7044 2 роки тому +1

      Ну, так для Гоши это золотой стандарт. Он разве по-другому хоть что-то рассказывает? Нет, никогда. Для школоты -- самое оно.

  • @Craftusha
    @Craftusha 3 місяці тому

    помогите, у меня не работает цвет фона

  • @БонуБобоева-й7ы
    @БонуБобоева-й7ы 7 місяців тому

    Почему у меня не работает прописаныйе стили ответьте пожалуйста кто нибудь

  • @maksymdudyk1718
    @maksymdudyk1718 2 роки тому

    Високий рівень. Дякую Вам!

  • @vp_arth
    @vp_arth 9 місяців тому

    Вот такая вот тут как раз идёт логика. Вполне себе опять же неплохо..

  • @edwardsheiks1327
    @edwardsheiks1327 2 місяці тому

    все эти цифры p-10, m-4 space-y-2 и т.п, умножайте на 4 получите размер пикселей

  • @Nikroks
    @Nikroks 2 роки тому

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

  • @xenonworld2489
    @xenonworld2489 Рік тому

    а что делать если темный режим не работает

  • @kennyvision5789
    @kennyvision5789 2 роки тому +2

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

  • @artemivanov5013
    @artemivanov5013 2 роки тому +6

    Нужно больше видео про блокчейн, смарт контракты и еще про web 3.0 🙏🏻

  • @СергейКр-щ4с
    @СергейКр-щ4с Рік тому

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

  • @Play.for.yourself2004
    @Play.for.yourself2004 2 роки тому

    А как подключить к Django

  • @СашаАлександр-е4м
    @СашаАлександр-е4м 3 місяці тому

    Охренеть ,"эволюция Гоши ", он теперь использкет npm, а не бесполезное подключения по ссылке

  • @progi99
    @progi99 Рік тому

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

  • @igordzhenkov5860
    @igordzhenkov5860 2 роки тому

    Щось подібне май же сам зробив. А бачу, що все вже є). 👍 за відос.

  • @diatm1506
    @diatm1506 Рік тому

    Его обычно используют с 4-8 px grid layout

  • @NeGovoriNet
    @NeGovoriNet 2 роки тому +15

    Ребята, не учите tailwind, только, если вы под пытками :)

    • @NewDimix
      @NewDimix 2 роки тому +2

      его не нужно учить, достаточно просто попробовать, чтобы освоить

    • @vkussno2875
      @vkussno2875 2 роки тому

      Если вас пугает множество классов, то вам достаточно использовать js чтобы создать массив и перебрать стили

    • @NewDimix
      @NewDimix 2 роки тому +4

      @@vkussno2875 и по сути получится тот же css, где вместо селекторов и правил внутри - массив с классами внутри :)

  • @BOXDAN-F
    @BOXDAN-F 2 роки тому

    Норм расказываешь

  • @FlexICE
    @FlexICE 4 місяці тому

    TailwindCSS - это зло. Я всё сказал

  • @serhii7460
    @serhii7460 2 роки тому

    Только на IDE он не работает

  • @felix9091
    @felix9091 2 роки тому +1

    Очень понятно, Ну понятнее уже не куда.

  • @ВладХрусталев-и4и
    @ВладХрусталев-и4и 2 роки тому

    Здравствуйте, я смотрю ваши видеоролики по изучению языков программирования, а также по изучение разных движков для создания игр и хотел бы посоветовать вам записать видеоролик по русскому движку Unigine. Многим я думаю понравится!

  • @dgonlock1893
    @dgonlock1893 2 роки тому

    У одной ссылки столько класов, как то не очень.

    • @zigzag2341
      @zigzag2341 Рік тому

      По-моему это лучше, чем mylink который фиг пойми за что отвечает. Да ещё и по разным файлам могут быть стили раскиданы... Вот надо тебе конкретно этот элемент особенным сделать так надо создавать новый класс а если на проекте разные люди работают .. каждый будет свои классы для выравнивания текста городить или контейнеры или ещё какие-то элементы делать повторно и классы друг друга будут перекрывать .. а так можно не создавать свои Css классы на уровне компонент лишний раз.

  • @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 я же написала в комментарии рядом

  • @YOFAYEP
    @YOFAYEP 2 роки тому

    Уже 2 месяца как на Tailwind css Верстаю сайты и могу сказать что фреймворк хороший но что то не хватает так как я перешёл на него из Bootstrap

  • @Aydamir_07
    @Aydamir_07 2 роки тому

    27:00

  • @alexo6935
    @alexo6935 Рік тому

    А как же БЭМ?)

  • @azamatkozuaidarov5183
    @azamatkozuaidarov5183 Рік тому

    По полкам раскидал

  • @pavlodevpro
    @pavlodevpro 2 роки тому +2

    Представляю себе, какой это геморрой так верстать: например дизайнер сделал макет, где используется 50 оттенков серого - что на них всех отдельные классы писать? Уж не проще ли обычным способом: из Фигмы скопировал CSS код и вставил себе в класс, который сам же и назвал! Секунда дела, а не вручную выписывать эти все классы. А уж если надо будет Pixel Perfect сделать - то использовать фреймворк это не иначе как слабоумие.

    • @shturmovik8284
      @shturmovik8284 2 роки тому

      Такие фреймворки обычно используют при разработке, например, на react

    • @zigzag2341
      @zigzag2341 Рік тому +1

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

  • @atmalive
    @atmalive 2 роки тому +7

    На первой минуте выключил. Есть bootstrap.
    И то он для тех, кто не знает css.
    По моему легче выучить css, чем библиотеку

    • @kasa3172
      @kasa3172 2 роки тому +3

      Согласен с вами! Лично для меня не нужный вещь!

    • @zigzag2341
      @zigzag2341 Рік тому

      Bootstrap свои элементы имеет, а tailwind это конструктор. Если бы ты действительно использовал бутстрап, то ты бы о нем не писал, потому что попробуй переопредели стили кнопок, модалок или ещё чего-то.. там по-любому надо импортанты использовать будет местами.. а в теилвинд по крайней мере в уроке я таких опасных классов не увидел, которые привносят боль рестайлинга.

  • @НМЦПТОДПЮА
    @НМЦПТОДПЮА 9 днів тому

    Дякую

  • @thebestofformula1378
    @thebestofformula1378 2 роки тому

    А есть ли подобный урок по BOOTstrap или курс видеоуроков по BOOTstrap

  • @hpcforum
    @hpcforum 2 роки тому +2

    Приятель, сделай что-то у себя со звуком! Я в шоке, сколько технических видео, а звук на минималках. Неужели ты не можешь отмикшировать звук?!

  • @JasperCrow
    @JasperCrow 2 роки тому +2

    *Сделай обзор на игру Безумие Реанимация*

  • @KANSHAU
    @KANSHAU 2 роки тому +15

    Привет, Гоша. Tailwind - ну, не знаю, столько классов фигачить в один тег.Такое себе.Лучше реально знать CSS.

    • @nikitos23kh
      @nikitos23kh 2 роки тому +1

      Можно настроить конфиги и лепить стили через scss

    • @diatm1506
      @diatm1506 Рік тому

      Это ладно как анимации делать?))

  • @skiner9942
    @skiner9942 Рік тому

    Эх, щас бы хидер.

  • @AmericanDragon134
    @AmericanDragon134 2 роки тому

    Будетли видео JWT , cloud , apollo...

    • @BboyAkep
      @BboyAkep 2 роки тому

      Не от того канала видосы ждёшь)

  • @ThePredsedatel
    @ThePredsedatel 2 роки тому

    хидер

  • @philomelnightingale6263
    @philomelnightingale6263 2 роки тому +4

    Tailwind как-то уж сильно раздумает HTML-код. Просто ветер из-под хвоста. 💥💨

    • @nikitos23kh
      @nikitos23kh 2 роки тому

      Так настрой свои конфиги и пользуйся через scss

  • @damirasanov8993
    @damirasanov8993 2 роки тому

    второй

  • @alexmidnayt159
    @alexmidnayt159 2 роки тому +3

    Аби, ти ще це все українською озвучував!

  • @Gazovchik
    @Gazovchik 2 роки тому

    Ооочень быстро........
    Если это именно Обучающее видео - Убавляй Скорость Подачи

    • @zigzag2341
      @zigzag2341 Рік тому

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

    • @Gazovchik
      @Gazovchik Рік тому

      @@zigzag2341
      НЕдалёкое,,,,,,,,

  • @quranmemo
    @quranmemo Рік тому

  • @NewDimix
    @NewDimix 2 роки тому

    В обычном CSS можно также "сразу разрабатывать две версии вашего сайта"... В целом половину посмотрел - никаких преимуществ не увидел, смотрим дальше

  • @sergeibogomolov6179
    @sergeibogomolov6179 2 місяці тому

    непонятно зачем это нужно

  • @oleksandrkhrashchevskyi5265

    если ты купил хороший хостинг, ужал фото, сделал ленивую загрузку то по скрости тальвинд что и бустрап одинаковый. А тут нужно что-то качать настроить, долго и нудно. Бустрап легок если уметь удалять хлам, делов на 5 минут а скрость как и у тальвинда

  • @HeIIoW0RLD
    @HeIIoW0RLD 7 місяців тому +1

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

  • @Play.for.yourself2004
    @Play.for.yourself2004 2 роки тому

    А как подключить к Django

  • @Play.for.yourself2004
    @Play.for.yourself2004 2 роки тому

    А как подключить к Django

  • @Play.for.yourself2004
    @Play.for.yourself2004 2 роки тому

    А как подключить к Django