Grid CSS полный курс за 13 минут. Все свойства
ฝัง
- เผยแพร่เมื่อ 17 มิ.ย. 2024
- В этом курсе мы поработаем с 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 - วิทยาศาสตร์และเทคโนโลยี
Четко, когда что то уже знаешь, для повторения и оттачивания мастерства заходит, как нож в масло! Спасибо
Как всегда-идеальная подача материала! Спасибо тебе Тимур!!!
Отличное объяснение, быстро, без воды, побольше бы таких! Спасибо!
Вот это подача материала! Спасибо огромное за такой труд))
Очень годный гайд. Ни грамма воды, очень короткое приветствие, и очень много информации, которая подаётся так, что легко воспринимается мозгом
моё глубочайшее уважение автору. Кратко, по существу, и максимально информативно. Без левой воды, как и должно быть
grid это прям любовь! это просто🔥 благодарю за доступное описание
ПРОСТО ВОСХИТИТЕЛЬНО. Самый понятный, короткий и емкий урок по grid.
Чистый восторг! Все бы обучающие ролики были такими краткими и в то же время ёмкими 👍
Объясняешь очень доступно. Только начинаю учить html, css. Что-то уже проясняется. Спасибо что делаешь такие видео 👍👍👍
Без воды и все понятно, супер!
Божишь! Очень удобно изложен материал, быстро и понятно🎉
Таймкоды в описании!) Приятного просмотра!
Отличная работа, большое спасибо.
Спасибо, как всегда во время 👍👍👍 С наступающим🎄🎅
Спааааасииибоооо!!!))) и вас с наступающим!!!!
Отличное видео: все по полочкам и понятно. Также очень круто, что показан в конце пример использования (я считаю это очень важно) и есть ссылка на закрепление материала.
Быстро и лаконично, два хороших ролика и по флексу и по гридам
Спасибо друг, с наступающим!)
Шикарное объяснение. Больше спасибо за видео. Почему я не наткнулся на Ваш канал раньше
Сколько пересмотрел и перечитал, но разобрался только тут. Спасибо друг😉
Наконец-то понятно, четко и доступно объяснены гриды. В документациях, учебниках и даже на курсах куча всего вперемешку и совершенно не понятно, что с этим делать в отличии от флексов. Надеюсь, теперь разберусь и с гридами. Спасибо!
спасибо тебе большое за твой труд! даже не верится что такая собранная и полезная информация за бесплатно!
учусь в университете, ничего не понял из объяснений учителя, посмотрел твой урок, и сразу всё понял. удачи!
Однозначно одно из лучших видео по гридам
Просто великолепный ролик, кратко и лаконично, и главное что все понятно. в то время как другие блогеры сразу верстают с грид, ты показываешь базу к которой можно обращаться раз за разом как к инструкции. Спасибо за твои труды
Это просто бомба!! Спасибо за видео, все четко и по теме. Красава!
Ваще зачётно ! Без воды. Все время только в голове крутилось : "помедленнее пожалуйста, я записываю". =). Ниче, пересмотрю с паузами. Лучший ролик по Гриду.
Спасибо !
Подписался.
Спасибо. Пару новых вещей в Гридах для себя подчерпнул. Продолжай в том же духе!
Лучший ролик по основам грида, спасибо!
Спасибо за хорошую шпаргалку. "Мантра" перед сном. 👌
😂👍 с мантрой круто сказал, спасибо!)
Спасибо. Все четко и по делу, без лишней воды и лирики.
Спасибо! Наконец дошли руки у меня до гридов. Теперь всё ясно, а то боялся что сложно и откладывал на потом...)))
Супер! Кратко и содержательно!👍
Благодаря Grid код сокращается довольно сильно. Очень удобный и функциональный инструмент. Спасибо за информативный видеоматериал
Шикарный урок. Максимально понятно, с примерами, можно пошаманить или применить на свой пет проект) Спасибо, автор!) Удачи, вам и успехов)
Спасибо большое бро, всё чётко и ясно! Желаю тебе здоровья
Очень коротко, очень лаконично, респект братан!
Спасибо большое! Кратко и доходчиво 👍
Коротко и понятно! Спасибо за видос!) Хотелось бы отдельное видео по полноценной настройке вебпака для SPA на react или vue
Спасибо друг!) запишу себе в список
Очень полезное видео. Для закрепления знаний очень помогает. Спасибо! 😊
Урок - Сила💪 Игра топ!👍
Отличный контент! Кто ясно мыслит - тот ясно излагает, респект.
Тимур, с Наступающим!!❄️💫⛄️❤️! Пусть в Новом году ваш канал процветает🎅🏻💋Вы молодец!
Спасибо больше, Эзам, и вас с наступающим!)
Помимо благодарности за такой полезный видос, посмотрю рекламку и лайк поставлю.
Спасибо за видео! 👍 Всё доступно описано. Даже эпизоды добавлены, просто нет слов как продумана подача - всё для удобства зрителя ). Вот бы все так подавали информацию... ! ...и за угрушку tnx!
Краткость-сестра таланта!!! Благодарю за столь информативный ролик.
Краткость в программировании приводит к ошибкам и так далее . Четкость слов и полноценное обьяснение приводит к успеху
все четко без всякой мути и по делу!
Не зря подписался, очень ёмко и понятно.
Спасибо большое, Тимур.
Просто шикарно! Я смотрел очень много роликов по этим темам, и они просто водище, просто не могут донести смысл
Очень круто ! Спасибо большое ! 👍
И вам спасибо!)
Отличные уроки! Очень сжато и четко. Продолжай в том же духе) upd. Внёс летпу в развитие канала - всем комментариям под роликом лайк поставил %)
Очень полезное видео! Спасибо)
Посмотрела видео, теперь перехожу к игре.
Как всегда на высоте!)
Да уж, один из лучших обучающих роликов!
Четко! Кратко! Браво!!!
Меньше воды, больше дела!!! Так держать!!! Крутой контент
Побольше бы таких видео с css примерами. Никогда не любил верстать. Потому что в какой-то момент получалась дичь. После пары твоих роликов я практически полюбил верстку :-)
Спасибо огромное за такой труд
Спасибо огромное, видос🔥
Мне было очень интересно! Спасибо. Подписываюсь.
понравилась подача материала, все понятно, не то что у других ютуберов
Красава, Мужик, Огромное Спасибо)
Спасибо дружище!)
решил использовать грид теперь. Флексы конечно тоже классно, но грид сейчас мне очень помог, спасибо!
краткость и наглядность это круто)
Спасибо за быстрый и подробный урок!
Решил с сегодняшнего дня начать верстать на гридах. И тут на тебе. Такой шикарный урок!
Огромная благодарность Тимур! И респект!
Спасибо, Марат, за отзыв!
Урок действительно шикарный!
Все понятно и быстро) спасибо)
Отличное видео! Спасибо очень помогло!
мужик, ты топ. Только включил, пишу коммент авансом, в качестве не сомневаюсь
Отличный емкий урок. Благодарю!
Спасибо большое за ваш труд!
Урок интересный, спасибо.
Тимур, огромное тебе спасибо за Грид Гарден!!!!!🤩
Как всегда выручаешь спасибо! Щас с этим свифтом зпшку не переводят как только придет обязуюсь задонатить)
Молодец ) я оказывается подписан на этот канал - видимо до этого уже оценил.
Все четко и по делу. В HTML академии тоже самое 2 часа рассказывают)
Отлично!Спасибо)
Ты просто лучший!
Для поддержки канала)) Давай серию уроков про jest, тестировать можно одно из тех приложений что ты делал в предыдущих видео. Думаю многим будет актуально.
Спасибо, все по делу! оставлю себе в закладке
Вы просто умничка😊
Пишу спустя год, отличное объяснение, спасибо за ролик)
Большое спасибо! Очень помоги в обучении
Гридопогружение! Круто!
Я в шоке, чувак очень мощный, подписка и учусь благодаря тебе бро, спасибо , заработаю первый кэш, тебе запулю, очень доступно быстро и понятно , буду практиковаться, я еще в начале , но бля с тобой я быстро доберусь до цели , благодать тебе бро
спасибо, всё очень четко и понятно.
Спасибо, супер видос!
А где же полезные замечания???))) спасибо!)
@@UlbiTV Мне лень😄 С Новым годом🥳
@@TheProfessionalGambler спасибо!!) и тебя тоже!)
Grid и Flex - это реально очень мощно
Ждал это видео, спасибо, колокольчик не подводит :D
Пхах)) спасибо!
Классно и быстро освежает всё в голове. Не каждый день с гридами работаешь )) Единственное, для наглядности можно бы было элемент, над которым производятся манипуляции, закрасить отдельным цветом.
От души помог сильно))
Алилуя. Наконец-то я разобрался с гридами
Спасиб за видео)
Гений! Спасибо
Супер спасибо!
Топ видос, спасибо! с:
отличное видио, все просто и понятно 😮
Если что-то вылетает из головы, это видео является лучшим напоминаем! Спасибо!
grid css grid-template-areas grid-area grid-column grid minmax grid-auto-rows grid-gap display:grid
Сколько я вчера видосов пересмотрел, статей перечитал, все силы потратил на этот грид. А тут за 13 мин можно все понять
Спасибо за ролик
Спасибо друг )
спасибо большое!