Тёмный

Grid CSS полный курс за 13 минут. Все свойства 

Ulbi TV
Подписаться 299 тыс.
Просмотров 155 тыс.
50% 1

В этом курсе мы поработаем с grid layout css и кратко рассмотрим все свойства!
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Игра для закрепления знаний - cssgridgarden.com/#ru
↓↓↓ПЛЭЙЛИСТЫ ↓↓↓
Собеседования -
• Собеседования
Полные практические курсы -
• Crash курсы
MobX & React -
• Mobx & React Полный ку...
Наглядная теория -
• Наглядная теория
Полный курс по Redux -
• Redux
React drag and drop -
• Drag and drop на REACT JS
React компоненты -
• ReactJS компоненты
React + Redux + Webpack
• React Redux Webpack - ...
Анимации в React -
• Анимации в React. Reac...
Разработка fullstack MERN web приложения -
/ playlistlist=pl6dxkon1...
Таймкоды:
00:00 - Теория
01:00 - Начало работы
01:50 - display: grid
02:00 - grid-template-columns
03:35 - grid-template-rows
04:00 - grid-gap
04:30 - grid-auto-rows
05:05 - minmax()
05:54 - justify-content
06:12 - align-content
06:43 - align-items
07:01 - justify-items
07:30 - justify-self
07:46 - align-self
08:00 - grid-column-start, grid-column-end
08:30 - grid-row-start, grid-row-end
10:20 - grid-template-areas, grid-area
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

Наука

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

 

31 май 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 225   
@UlbiTV
@UlbiTV 3 года назад
Таймкоды в описании!) Приятного просмотра!
@egorros3706
@egorros3706 Год назад
Отличная работа, большое спасибо.
@DenKhaziev
@DenKhaziev 2 года назад
Чистый восторг! Все бы обучающие ролики были такими краткими и в то же время ёмкими 👍
@sergeyborunov5551
@sergeyborunov5551 2 года назад
Четко, когда что то уже знаешь, для повторения и оттачивания мастерства заходит, как нож в масло! Спасибо
@user-np4vg9pc5o
@user-np4vg9pc5o Год назад
Как всегда-идеальная подача материала! Спасибо тебе Тимур!!!
@ildartatar5144
@ildartatar5144 2 года назад
ПРОСТО ВОСХИТИТЕЛЬНО. Самый понятный, короткий и емкий урок по grid.
@kelthusha
@kelthusha 2 года назад
Очень годный гайд. Ни грамма воды, очень короткое приветствие, и очень много информации, которая подаётся так, что легко воспринимается мозгом
@user-ik5zw7wr8z
@user-ik5zw7wr8z 2 года назад
моё глубочайшее уважение автору. Кратко, по существу, и максимально информативно. Без левой воды, как и должно быть
@itpro952
@itpro952 3 года назад
Быстро и лаконично, два хороших ролика и по флексу и по гридам
@UlbiTV
@UlbiTV 3 года назад
Спасибо друг, с наступающим!)
@user-iy2ts7re4w
@user-iy2ts7re4w Год назад
Отличное объяснение, быстро, без воды, побольше бы таких! Спасибо!
@holyage3128
@holyage3128 2 года назад
Вот это подача материала! Спасибо огромное за такой труд))
@user-be8dy2lw3n
@user-be8dy2lw3n 10 месяцев назад
grid это прям любовь! это просто🔥 благодарю за доступное описание
@mrrappbit
@mrrappbit 8 месяцев назад
Божишь! Очень удобно изложен материал, быстро и понятно🎉
@boomz3132
@boomz3132 Год назад
Отличное видео: все по полочкам и понятно. Также очень круто, что показан в конце пример использования (я считаю это очень важно) и есть ссылка на закрепление материала.
@Jane-ge7ho
@Jane-ge7ho 3 года назад
Спасибо, как всегда во время 👍👍👍 С наступающим🎄🎅
@UlbiTV
@UlbiTV 3 года назад
Спааааасииибоооо!!!))) и вас с наступающим!!!!
@evgeniykochetov1294
@evgeniykochetov1294 3 года назад
Без воды и все понятно, супер!
@emzer8874
@emzer8874 2 месяца назад
Спасибо. Все четко и по делу, без лишней воды и лирики.
@user-su3qm7fu9i
@user-su3qm7fu9i 7 месяцев назад
спасибо тебе большое за твой труд! даже не верится что такая собранная и полезная информация за бесплатно! учусь в университете, ничего не понял из объяснений учителя, посмотрел твой урок, и сразу всё понял. удачи!
@11-april
@11-april 2 года назад
Шикарное объяснение. Больше спасибо за видео. Почему я не наткнулся на Ваш канал раньше
@AlenaRisk.
@AlenaRisk. Год назад
Сколько пересмотрел и перечитал, но разобрался только тут. Спасибо друг😉
@imaima7723
@imaima7723 2 года назад
Однозначно одно из лучших видео по гридам
@SchubertLife
@SchubertLife Год назад
Объясняешь очень доступно. Только начинаю учить html, css. Что-то уже проясняется. Спасибо что делаешь такие видео 👍👍👍
@user-gw6vn6vx8o
@user-gw6vn6vx8o 2 года назад
Это просто бомба!! Спасибо за видео, все четко и по теме. Красава!
@antonblagoveshchenskiy2533
@antonblagoveshchenskiy2533 2 года назад
Лучший ролик по основам грида, спасибо!
@user-bj8oe1gt3r
@user-bj8oe1gt3r 8 месяцев назад
Просто великолепный ролик, кратко и лаконично, и главное что все понятно. в то время как другие блогеры сразу верстают с грид, ты показываешь базу к которой можно обращаться раз за разом как к инструкции. Спасибо за твои труды
@Brinzovik
@Brinzovik Год назад
Если что-то вылетает из головы, это видео является лучшим напоминаем! Спасибо! grid css grid-template-areas grid-area grid-column grid minmax grid-auto-rows grid-gap display:grid
@yuriilukianovych8660
@yuriilukianovych8660 2 года назад
Спасибо! Наконец дошли руки у меня до гридов. Теперь всё ясно, а то боялся что сложно и откладывал на потом...)))
@DmitriyWDL
@DmitriyWDL 10 месяцев назад
Спасибо. Пару новых вещей в Гридах для себя подчерпнул. Продолжай в том же духе!
@user-lf1kx5sg9t
@user-lf1kx5sg9t Год назад
Супер! Кратко и содержательно!👍
@t.i.i8608
@t.i.i8608 Год назад
Спасибо большое бро, всё чётко и ясно! Желаю тебе здоровья
@GsBluma
@GsBluma Год назад
Наконец-то понятно, четко и доступно объяснены гриды. В документациях, учебниках и даже на курсах куча всего вперемешку и совершенно не понятно, что с этим делать в отличии от флексов. Надеюсь, теперь разберусь и с гридами. Спасибо!
@masterng56
@masterng56 2 года назад
Очень коротко, очень лаконично, респект братан!
@alinaropotan3326
@alinaropotan3326 Год назад
Спасибо большое! Кратко и доходчиво 👍
@inferens
@inferens Год назад
Благодаря Grid код сокращается довольно сильно. Очень удобный и функциональный инструмент. Спасибо за информативный видеоматериал
@user-cd1sr5sx2r
@user-cd1sr5sx2r 3 года назад
Спасибо за хорошую шпаргалку. "Мантра" перед сном. 👌
@UlbiTV
@UlbiTV 3 года назад
😂👍 с мантрой круто сказал, спасибо!)
@Agent-D
@Agent-D Год назад
Ваще зачётно ! Без воды. Все время только в голове крутилось : "помедленнее пожалуйста, я записываю". =). Ниче, пересмотрю с паузами. Лучший ролик по Гриду. Спасибо ! Подписался.
@Piknichok
@Piknichok Год назад
Очень полезное видео. Для закрепления знаний очень помогает. Спасибо! 😊
@mikeyfront
@mikeyfront Месяц назад
Шикарный урок. Максимально понятно, с примерами, можно пошаманить или применить на свой пет проект) Спасибо, автор!) Удачи, вам и успехов)
@stormd2902
@stormd2902 2 года назад
Спасибо большое, Тимур.
@MyNameIsRishat
@MyNameIsRishat 2 года назад
Не зря подписался, очень ёмко и понятно.
@vitamax3777
@vitamax3777 2 года назад
решил использовать грид теперь. Флексы конечно тоже классно, но грид сейчас мне очень помог, спасибо!
@trustambassador
@trustambassador Год назад
Спасибо огромное за такой труд
@user-zf7oh5iv3l
@user-zf7oh5iv3l Год назад
Как всегда на высоте!)
@AlekMuz
@AlekMuz 2 года назад
Урок - Сила💪 Игра топ!👍
@rajapboyev3928
@rajapboyev3928 2 года назад
Просто шикарно! Я смотрел очень много роликов по этим темам, и они просто водище, просто не могут донести смысл
@udodvd
@udodvd 3 месяца назад
все четко без всякой мути и по делу!
@user-cc1tx7sz5p
@user-cc1tx7sz5p Год назад
Отличный контент! Кто ясно мыслит - тот ясно излагает, респект.
@user-uu6fz5sk5x
@user-uu6fz5sk5x Год назад
Очень полезное видео! Спасибо) Посмотрела видео, теперь перехожу к игре.
@user-zk3bc1lf8k
@user-zk3bc1lf8k 3 года назад
Тимур, с Наступающим!!❄️💫⛄️❤️! Пусть в Новом году ваш канал процветает🎅🏻💋Вы молодец!
@UlbiTV
@UlbiTV 3 года назад
Спасибо больше, Эзам, и вас с наступающим!)
@PerryCoxer
@PerryCoxer 2 года назад
Побольше бы таких видео с css примерами. Никогда не любил верстать. Потому что в какой-то момент получалась дичь. После пары твоих роликов я практически полюбил верстку :-)
@rocknani2223
@rocknani2223 2 года назад
Помимо благодарности за такой полезный видос, посмотрю рекламку и лайк поставлю.
@coldtouch9099
@coldtouch9099 2 года назад
Спасибо огромное, видос🔥
@pretty6444
@pretty6444 Год назад
Спасибо за видео! 👍 Всё доступно описано. Даже эпизоды добавлены, просто нет слов как продумана подача - всё для удобства зрителя ). Вот бы все так подавали информацию... ! ...и за угрушку tnx!
@RihaLV
@RihaLV Год назад
Отличное видео! Спасибо очень помогло!
@deikun95
@deikun95 3 года назад
Коротко и понятно! Спасибо за видос!) Хотелось бы отдельное видео по полноценной настройке вебпака для SPA на react или vue
@UlbiTV
@UlbiTV 3 года назад
Спасибо друг!) запишу себе в список
@jaa619
@jaa619 Год назад
понравилась подача материала, все понятно, не то что у других ютуберов
@user-fo3mr6gm6y
@user-fo3mr6gm6y Год назад
Мне было очень интересно! Спасибо. Подписываюсь.
@maksrygaev657
@maksrygaev657 2 года назад
Как всегда выручаешь спасибо! Щас с этим свифтом зпшку не переводят как только придет обязуюсь задонатить)
@rustamradzabov9572
@rustamradzabov9572 8 месяцев назад
Урок интересный, спасибо.
@nastiakyrychenko284
@nastiakyrychenko284 Год назад
Отличный емкий урок. Благодарю!
@olgam414
@olgam414 Год назад
Четко! Кратко! Браво!!!
@GPTalksZone
@GPTalksZone Год назад
Отличные уроки! Очень сжато и четко. Продолжай в том же духе) upd. Внёс летпу в развитие канала - всем комментариям под роликом лайк поставил %)
@user-zv7gu4rt1p
@user-zv7gu4rt1p Год назад
Меньше воды, больше дела!!! Так держать!!! Крутой контент
@user-cw1wf5wi9q
@user-cw1wf5wi9q 2 года назад
краткость и наглядность это круто)
@reginapopova3062
@reginapopova3062 2 года назад
Все понятно и быстро) спасибо)
@computercomputer3293
@computercomputer3293 8 месяцев назад
Спасибо большое за ваш труд!
@vladyslavfx3892
@vladyslavfx3892 3 года назад
Для поддержки канала)) Давай серию уроков про jest, тестировать можно одно из тех приложений что ты делал в предыдущих видео. Думаю многим будет актуально.
@user-vu6dn9il7y
@user-vu6dn9il7y Год назад
Спасибо за быстрый и подробный урок!
@khayaproduction5537
@khayaproduction5537 3 года назад
Очень круто ! Спасибо большое ! 👍
@UlbiTV
@UlbiTV 3 года назад
И вам спасибо!)
@user-iq5wx7qq4v
@user-iq5wx7qq4v 11 месяцев назад
Тимур, огромное тебе спасибо за Грид Гарден!!!!!🤩
@johnnysel8186
@johnnysel8186 3 года назад
Grid CSS полный курс за 13 минут. Все свойства
@UlbiTV
@UlbiTV 3 года назад
Так точно!) спасибо!
@deneaz
@deneaz Год назад
ладно
@enkomium
@enkomium Год назад
Это прям все-все свойства или есть еще?
@miyagi_man
@miyagi_man Год назад
​@@enkomiumПрактичоски все
@rikenbaker1
@rikenbaker1 Месяц назад
Большое спасибо! Очень помоги в обучении
@user-sx4fb5wn2d
@user-sx4fb5wn2d 2 года назад
Краткость-сестра таланта!!! Благодарю за столь информативный ролик.
@Birdyk-qr9sx
@Birdyk-qr9sx Год назад
Краткость в программировании приводит к ошибкам и так далее . Четкость слов и полноценное обьяснение приводит к успеху
@Birdyk-qr9sx
@Birdyk-qr9sx Год назад
Grid и Flex - это реально очень мощно
@danchi7990
@danchi7990 6 месяцев назад
Вы просто умничка😊
@imaima7723
@imaima7723 2 года назад
Отлично!Спасибо)
@pandagep
@pandagep 9 месяцев назад
спасибо, всё очень четко и понятно.
@TheProfessionalGambler
@TheProfessionalGambler 3 года назад
Спасибо, супер видос!
@UlbiTV
@UlbiTV 3 года назад
А где же полезные замечания???))) спасибо!)
@TheProfessionalGambler
@TheProfessionalGambler 3 года назад
@@UlbiTV Мне лень😄 С Новым годом🥳
@UlbiTV
@UlbiTV 3 года назад
@@TheProfessionalGambler спасибо!!) и тебя тоже!)
@Maratreason
@Maratreason 2 года назад
Решил с сегодняшнего дня начать верстать на гридах. И тут на тебе. Такой шикарный урок! Огромная благодарность Тимур! И респект!
@UlbiTV
@UlbiTV 2 года назад
Спасибо, Марат, за отзыв!
@adelinaromanova8353
@adelinaromanova8353 2 года назад
Урок действительно шикарный!
@user-kp4ql5xu2o
@user-kp4ql5xu2o 2 года назад
Все четко и по делу. В HTML академии тоже самое 2 часа рассказывают)
@Viktorres1
@Viktorres1 2 года назад
Гридопогружение! Круто!
@Vladikslavik
@Vladikslavik 2 года назад
Классно и быстро освежает всё в голове. Не каждый день с гридами работаешь )) Единственное, для наглядности можно бы было элемент, над которым производятся манипуляции, закрасить отдельным цветом.
@m.kashin
@m.kashin Год назад
Спасибо, все по делу! оставлю себе в закладке
@user-cw3gv1dq5p
@user-cw3gv1dq5p 3 года назад
Красава, Мужик, Огромное Спасибо)
@UlbiTV
@UlbiTV 3 года назад
Спасибо дружище!)
@dav1d05
@dav1d05 2 года назад
Ты просто лучший!
@sargisgrigoryan704
@sargisgrigoryan704 2 года назад
Спасибо за ролик
@bama2619
@bama2619 Год назад
Супер спасибо!
@Sergey-lg1ke
@Sergey-lg1ke 2 года назад
мужик, ты топ. Только включил, пишу коммент авансом, в качестве не сомневаюсь
@user-fg7dp8uf3b
@user-fg7dp8uf3b Год назад
Пишу спустя год, отличное объяснение, спасибо за ролик)
@midzukumono
@midzukumono Год назад
Молодец ) я оказывается подписан на этот канал - видимо до этого уже оценил.
@user-rj1eb7cj6v
@user-rj1eb7cj6v 2 года назад
спасибо большое!
@voorooniin
@voorooniin Год назад
Гений! Спасибо
@mrdanil18
@mrdanil18 Год назад
От души помог сильно))
@Agent-D
@Agent-D Год назад
Доброго времени суток ! Подскажите пожалуйста, а стили так и должны в html документе прописываться или это для примера ?
@user-yr1ho2bj6r
@user-yr1ho2bj6r 2 года назад
Спасиб за видео)
@alexkodding9354
@alexkodding9354 2 года назад
Спасибо друг )
@neckalas5759
@neckalas5759 3 года назад
Спасибо.
@UlbiTV
@UlbiTV 3 года назад
И вам спасибо!) с наступающим
@greyneck812
@greyneck812 10 месяцев назад
отличное видио, все просто и понятно 😮
@paveltryhan4245
@paveltryhan4245 Год назад
Я в шоке, чувак очень мощный, подписка и учусь благодаря тебе бро, спасибо , заработаю первый кэш, тебе запулю, очень доступно быстро и понятно , буду практиковаться, я еще в начале , но бля с тобой я быстро доберусь до цели , благодать тебе бро
@falsetrue7910
@falsetrue7910 3 года назад
Ждал это видео, спасибо, колокольчик не подводит :D
@UlbiTV
@UlbiTV 3 года назад
Пхах)) спасибо!
@404piano
@404piano 3 года назад
больше хотелось бы видео по верстке, ui фрэймворком, чтобы прям закрыть пробел по fullstack контенту :)
Далее
Mongo DB ПОЛНЫЙ КУРС
21:38
Просмотров 180 тыс.
ГЕНИИ МАРКЕТИНГА 😂
00:35
Просмотров 585 тыс.
У каждого есть такой друг😂
00:31
Learn CSS Grid - A 13 Minute Deep Dive
13:35
Просмотров 453 тыс.
Flexbox or grid - How to decide?
18:51
Просмотров 696 тыс.
Индуктивность и дроссель.
1:00
Индуктивность и дроссель.
1:00
Плохие и хорошие видеокарты
1:00