Grid CSS полный курс за 13 минут. Все свойства
HTML-код
- Опубликовано: 2 июн 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 код сокращается довольно сильно. Очень удобный и функциональный инструмент. Спасибо за информативный видеоматериал
Спасибо. Пару новых вещей в Гридах для себя подчерпнул. Продолжай в том же духе!
Спасибо большое бро, всё чётко и ясно! Желаю тебе здоровья
все четко без всякой мути и по делу!
Шикарный урок. Максимально понятно, с примерами, можно пошаманить или применить на свой пет проект) Спасибо, автор!) Удачи, вам и успехов)
Очень коротко, очень лаконично, респект братан!
Спасибо за хорошую шпаргалку. "Мантра" перед сном. 👌
😂👍 с мантрой круто сказал, спасибо!)
Очень полезное видео. Для закрепления знаний очень помогает. Спасибо! 😊
Побольше бы таких видео с css примерами. Никогда не любил верстать. Потому что в какой-то момент получалась дичь. После пары твоих роликов я практически полюбил верстку :-)
Не зря подписался, очень ёмко и понятно.
Спасибо большое, Тимур.
Отличный контент! Кто ясно мыслит - тот ясно излагает, респект.
Как всегда на высоте!)
Просто шикарно! Я смотрел очень много роликов по этим темам, и они просто водище, просто не могут донести смысл
Спасибо огромное за такой труд
Если что-то вылетает из головы, это видео является лучшим напоминаем! Спасибо!
grid css grid-template-areas grid-area grid-column grid minmax grid-auto-rows grid-gap display:grid
Урок - Сила💪 Игра топ!👍
решил использовать грид теперь. Флексы конечно тоже классно, но грид сейчас мне очень помог, спасибо!
Помимо благодарности за такой полезный видос, посмотрю рекламку и лайк поставлю.
Отличные уроки! Очень сжато и четко. Продолжай в том же духе) upd. Внёс летпу в развитие канала - всем комментариям под роликом лайк поставил %)
Очень полезное видео! Спасибо)
Посмотрела видео, теперь перехожу к игре.
Спасибо за видео! 👍 Всё доступно описано. Даже эпизоды добавлены, просто нет слов как продумана подача - всё для удобства зрителя ). Вот бы все так подавали информацию... ! ...и за угрушку tnx!
Спасибо за быстрый и подробный урок!
Отличное видео! Спасибо очень помогло!
Меньше воды, больше дела!!! Так держать!!! Крутой контент
Тимур, с Наступающим!!❄️💫⛄️❤️! Пусть в Новом году ваш канал процветает🎅🏻💋Вы молодец!
Спасибо больше, Эзам, и вас с наступающим!)
Для поддержки канала)) Давай серию уроков про jest, тестировать можно одно из тех приложений что ты делал в предыдущих видео. Думаю многим будет актуально.
Отличный емкий урок. Благодарю!
краткость и наглядность это круто)
Спасибо большое за ваш труд!
Очень круто ! Спасибо большое ! 👍
И вам спасибо!)
Мне было очень интересно! Спасибо. Подписываюсь.
понравилась подача материала, все понятно, не то что у других ютуберов
Коротко и понятно! Спасибо за видос!) Хотелось бы отдельное видео по полноценной настройке вебпака для SPA на react или vue
Спасибо друг!) запишу себе в список
Спасибо огромное, видос🔥
Урок интересный, спасибо.
Все понятно и быстро) спасибо)
Четко! Кратко! Браво!!!
Большое спасибо! Очень помоги в обучении
Тимур, огромное тебе спасибо за Грид Гарден!!!!!🤩
Классно и быстро освежает всё в голове. Не каждый день с гридами работаешь )) Единственное, для наглядности можно бы было элемент, над которым производятся манипуляции, закрасить отдельным цветом.
Вы просто умничка😊
Все четко и по делу. В HTML академии тоже самое 2 часа рассказывают)
Grid и Flex - это реально очень мощно
Краткость-сестра таланта!!! Благодарю за столь информативный ролик.
Краткость в программировании приводит к ошибкам и так далее . Четкость слов и полноценное обьяснение приводит к успеху
мужик, ты топ. Только включил, пишу коммент авансом, в качестве не сомневаюсь
спасибо, всё очень четко и понятно.
Спасибо, все по делу! оставлю себе в закладке
Ты просто лучший!
Как всегда выручаешь спасибо! Щас с этим свифтом зпшку не переводят как только придет обязуюсь задонатить)
Молодец ) я оказывается подписан на этот канал - видимо до этого уже оценил.
Красава, Мужик, Огромное Спасибо)
Спасибо дружище!)
Пишу спустя год, отличное объяснение, спасибо за ролик)
Отлично!Спасибо)
Гридопогружение! Круто!
Решил с сегодняшнего дня начать верстать на гридах. И тут на тебе. Такой шикарный урок!
Огромная благодарность Тимур! И респект!
Спасибо, Марат, за отзыв!
Урок действительно шикарный!
От души помог сильно))
Всё ясно и понятно, спасибо огромное) А ты при написании кода пишешь юнит тесты? может мог бы сделать видео с примерами?)
Супер спасибо!
отличное видио, все просто и понятно 😮
Гений! Спасибо
Grid CSS полный курс за 13 минут. Все свойства
Так точно!) спасибо!
ладно
Это прям все-все свойства или есть еще?
@@enkomiumПрактичоски все
Я в шоке, чувак очень мощный, подписка и учусь благодаря тебе бро, спасибо , заработаю первый кэш, тебе запулю, очень доступно быстро и понятно , буду практиковаться, я еще в начале , но бля с тобой я быстро доберусь до цели , благодать тебе бро
Алилуя. Наконец-то я разобрался с гридами
Спасибо, супер видос!
А где же полезные замечания???))) спасибо!)
@@UlbiTV Мне лень😄 С Новым годом🥳
@@TheProfessionalGambler спасибо!!) и тебя тоже!)
Спасибо за ролик
больше хотелось бы видео по верстке, ui фрэймворком, чтобы прям закрыть пробел по fullstack контенту :)
Спасибо друг )
Спасиб за видео)
Топ видос, спасибо! с:
Без пауз, все четко и быстр