CSS Flexbox. Полный курс
HTML-код
- Опубликовано: 5 авг 2024
- #YauhenK #webDev #CSS #Flexbox
В данном видеокурсе мы с вами рассмотрим технологию Flexbox.
Flexible Box Layout Module (Flexbox) - представляет собой способ компоновки элементов, в основе лежит идея оси. Другими словами все элементы можно располагать вдоль основной и поперечной осей, или вертикально и горизонтально.
Технология позволяет буквально в пару свойств создать гибкий лэйаут, или гибкие UI элементы.
✒ Репозиторий курса:
✔ GitHub: github.com/YauhenKavalchuk/cs...
✒ Timeline:
✔ 0:00 - Введение
✔ 2:39 - Основные понятия
✔ 8:12 - Направление осей
✔ 12:36 - Обёртка элементов и отступы
✔ 18:46 - Выравнивание вдоль главной оси
✔ 25:07 - Выравнивание вдоль поперечной оси
✔ 29:09 - Многострочное выравнивание
✔ 33:06 - Индивидуальное выравнивание элементов
✔ 37:36 - Размеры элементов
✔ 43:06 - Определение порядка элементов
✔ 48:00 - Вложенность. Обёртка элементов с размерами
✔ 53:29 - Практические примеры использования Flexbox
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ RUclips: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...
Учусь в Синергии на фронтендера, никакого разъяснения материала. Простая зачитка текста. Долго искал что-то ,что помогло бы понять как и что. Ваши уроки помогли понять и разобраться во многом! Спасибо Вам огромное за ваш труд!!!
Спасибо за отзыв
и как там в синергии?)
@@stroke.1742 Как!?
Ничего не понятно)
лучшее чему может научить синергия - как быстро во время экзамена искать информацию в интернете
Если покупать, то лучше Яндекс Практикум или Нетология
Очень подробно, очень качественно, мега-профессионально! Пусть автору воздастся за его труд! ❤
Спасибо большое за отзыв
ура, ты объединил, стало удобнее) спасибо большое за образование! почет и уважение учителям)
Благодарю за отзыв
@@YauhenKavalchuk зачетный плейсхолдер))
Не совсем понял о чём речь)
Спасибо за ваш труд, отличные уроки без воды и лишних слов.
Всегда пожалуйста
Просто лайк за свежий, топовый,понятный, полезный материал 👍👍👍👍
Спасибо
@@YauhenKavalchuk а курсы есть у тебя? На udemy или может ещё какой то платформе?
Нет, только RUclips. Но если есть желание потратить немного денег, то можете стать спонсором, или патроном канала
Прохожу сейчас курсы у другого человека, но дополнительно полез разбираться в ютуб. Как говорится "Искал медь, а нашел золото!" Автор храни тебя господь за твои старания!!!!
Аналогично! Солидарен)
Спасибо большое за отзыв
Присоединяюсь и поддерживаю
Очень крутой контент. И круто что все вместе. Спасибо , друг, за такое доступное объяснение
Спасибо за отзыв
Прям разжованно, хорошо объесняется, спасибо за Ваш труд☺
Спасибо за отзыв
Курс как всегда на высоте, такого основательного подхода ни у кого не встречала! Огромное спасибо и удачи во всех проектах!!!
Спасибо большое
Так же качественно как и твоя прическа. Мега-круто, отличный курс! Всё простым языком, большое спасибо)
😂🤣 спасибо 👍
Женя, давно не был у Вас на канале. Крутой лук! Очень стильно))
Спасибо)
Спасибо, особенно за последнюю часть, с примерами как это применить для разных вариантов!
Спасибо за отзыв!)
просто чудесное повествование , максимально полезное видео, 5+++++++++++ тысячи лайков
Спасибо
Очень качественно и понятно 😌. Пожалуй подпишусь на этот прекрасный канал)
Спасибо)
Ты просто молодчина ) Как я рад что нашёл твой канал ! Очень доходчиво и наглядно объясняешь )
Спасибо большое)
Максимально простая подача, интересно и просто. Спасибо за труд этому гениальному автору. Помог разобраться с темой флексов! Лайк !
Спасибо за отзыв
Классный видос!
Очень доступно объясняете, спасибо большое!
Спасибо за отзыв
Спасибо за хороший курс смотрел его после основного курса что бы раскрыть полностью тему , очень много материала )
Пожалуйста
Огромное спасибо! Очень чёткий и понятный курс, всё на ясных примерах и без лишний воды)
Огромное пожалуйста)
Спасибо, весь курс на одном дыхании.
Все максимально понятно
Бонус в конце курса с реальными примерами, идеально для закрепления!
Благодарю
Хорошее видео, с хорошими примерами, законспектировал, буду закреплять на практике. Большое спасибо!
Пожалуйста)
Шикарный курс, шикарный канал, спасибо большое! Очень удобно обращаться по надобности к таким материалам.
Всегда пожалуйста
Спасибо автору за Очень очень очень подробный и понятный ролик по флексам.
Подача материала просто огонь!!!
Все разложено по полочкам
Пожалуйста
Очень качественно видео сделано, видно, что немало сил потрачено. Красавчик 👍
Спасибо за отзыв
Открыл и подумал, что ошибся каналом. Это кто, где Евгений? А потом я понял, что это лихая смена стиля, весьма удачная!)
Отличный урок , идеально все , скорость подачи материала и объяснение!Спасибо за бесплатное образование!
Спасибо
Отличный урок по флексам!
Спасибо большое!!!
Пожалуйста
Благодарю в очередной раз за урок, который объяснён очень доходчиво. На мой взгляд, у Вас талант преподавания.
Спасибо большое за отзыв
@@YauhenKavalchuk Это Вам большое спасибо за Ваш труд!
Посмотрел первые 12 минут и уже лайк влепил. Ну реально НАГЛЯДНО всё показано и доступно объяснено
Спасибо
Видос имба по флексам, еще и с примером применения, пушка просто
Благодарю
Спасибо вам за вдохновение и мотивацию!
Спасибо за отзыв
Это супер радостно!)
👍
Спасибо большое за ваш труд! Очень понятно объясняете, видно, что у вас педагогический талант. Прошла и закрепила flexbox, теперь перехожу к гридам
Спасибо большое за отзыв
Женя, большое спасибо тебе!
Пожалуйста)
Рад что нашёл твой канал, ты лучший !!!
Спасибо огромное за твой труд !!!
Спасибо большое за отзыв
Большое спасибо, очень подробно рассказано и показано. Куча примеров и море практики, автор молодец. Хотелось в будущем увидеть урок по Git и GitHub.
Спасибо за отзыв
Дружище, купил я курс у Яндекс Практикума значит) первая тема - флексбоксы. Я сначала у тебя смотрю, потом там делаю задания. От тебя куда больше инфы узнаю и в разы понятней. Спасибо тебе за твой труд :З
Спасибо большое за отзыв
Привет, как тебе курс? Хотел тоже купить, но отговорили знакомые
@@FrOsTBoLL Привет, дядя Ваня) Иди их поцелуй в лоб и поблагодари) Честно, я не советую. У меня диплом вот начался уже, да, я дошел почти до конца - это мини победа. Но сколько было боли, скулежа и страданий... Какие-то темы ок описание, но большая часть не очень, подают местами уже неактуальный материал, все эти дедлайны и непонятные ревьюверы больше вгоняют в апатию. Честно сказать, у меня почти все желание отпало заниматься разработкой, постараюсь добить диплом, но бог знает, как пойдёт. Посмотрим в сторону Хэкслета, но я не особо уверен, что там на голову выше будет. Да и плюс сейчас такое время, что хрен работу найдешь + ЯП не помогает с трудоустройством, то есть ты закончишь и будешь сидеть тупо в надежде, что тебя куда-то позовут. Крч, постараюсь закончить, но не уверен, что получится в современных реалиях что-то найти.
Важно качество контента, а не его реклама и раскрутка
Спасибо, как раз на этом этапе изучения CSS
Пожалуйста
Очень крутой курс! Благодаря постоянным пояснениями насчет оси наконец понял эту тему.
Огонь
Самый лучший контент в сети, так это на этом канале! Благодаря ему, я понял много, до этого не понятных мне, вещей в программировании.
Спасибо большое автору!
Больше бы таких учителей!
Спасибо, спасибо, спасибо!!!!
Спасибо большое за отзыв
Огромное спасибо.
Ты просто спаситель.
Самое лучшее объяснение для тех кто только начинает изучать вёрстку.
На остальных каналах несутся галопом по европам - подробно не разжовывая (типа сам догадается).
Спасибо ))
Пожалуйста
Спасибо за бесценные уроки
Всегда пожалуйста
Какой же ты крутой чел
Спасибо)
Круто 🔥 спасибо большое
Пожалуйста
Спасибо, очень крутые лекции.
Пожалуйста
спасибо за видеоуроки как теоретическая база перед решением практических задач очень полезно
Пожалуйста
Спасибо! Большой труд делать такие уроки
Пожалуйста
Крутой курс, клевая прическа! Спасибо )
Спасибо)))
Как же грамотно, без спешки, аккуратно и точно передана информация. Спасибо! Проходила курс в приложении Mimo и в какой-то момент поняла, что не понимаю, о чем вообще речь. Пришла сюда навести порядок в голове, а тут такой контент. Обязательно прослушаю и другие курсы по CSS.
Спасибо большое за отзыв
Просто получилось суперски!!!!
В тетради конспекта на 3 листа (при маленьком подчерке)
Все подробно объясняют и показывают сразу на практике. Спасбио вам большое, получилось вообще замечательно!
Спасибо за отзыв
Большое спасибо, наконец-то понятно!
Пожалуйста
Очень приятный голос, все очень четко и понятно
Спасибо большое
Супер видео, все четко й понятно!
Спасибо за отзыв
Супер крутое объяснение. Все что хотел узнать узнал. Ты молодец!
Спасибо
Спасибо большое за ваш труд
Спасибо за отзыв
Спасибо тебе большое, реально понятно и доходчиво)
Пожалуйста
Все СУПЕР 👍 😄 спасибо!!!!
Пожалуйста
Наверное самое лучшее видео по флексам которое я видела.
Спасибо большое за отзыв
Очень качественное видео. Благодарю.
Пожалуйста
Спасибо за детальное объяснение такой непростой темы
Пожалуйста
спасибо за урок Мастер!)Граммотный курс.
Спасибо за отзыв
Наконец-то я поняла эту тему! Огромное спасибо!
Огромное пожалуйста
Спасибо Вам за ваш труд.
Пожалуйста
Очень подробно, очень качественно
Спасибо за отзыв
Крутой курс молодец!!!!!!
Спасибо
Спасибо, все чётко! 👍
Пожалуйста
Один из любимых каналов. Жаль, что ты не проводишь марафоны по верстке, было бы очень интересно.
Спасибо за отзыв
это очень полезный урок. Спасибо
Пожалуйста
Сколько видео смотрел на Ютьюбе (не только по этой теме), у тебя самая лучшая подача. А не знаю, в чём рецепт успеха: может, голос как-то добродушно звучит, может, видеоряд удачно подобран, но конспект пишу исключительно по урокам WebDev'а. Увесистые видео по ХТМЛ и ЦСС - тоже. Спасибо за труд, короче.
Спасибо огромное за отзыв
Спасибо, очень хорошее видео.
Пожалуйста
Брооо, спасибо, ты лучший)
Спасибо за отзыв
Спасибо, это мега-контент 👍
Пожалуйста
Щербаков, как и я, доволен этим видео :) Спасибо!
А почему Щербаков доволен?)
ruclips.net/video/DSS8A9mq0tw/видео.html
А🤣🤣🤣🤣 не знал!)
Хороший курс по флексбоксу, спасибо!
Пожалуйста
Чёткий урок!
Благодарю
Worked , thanks a lot!
You’re welcome
классный курс, спасибо большое!
Пожалуйста
Спасибо за труд❤
Спасибо за отзыв
Знал данную технологию до этого курса, но хочу сказать это самый на мой взгляд педантичный и упорядоченный курс по флексам, отличный справочник. Соответственно Спасибо !
Спасибо большое за отзыв!)
@@YauhenKavalchuk Это вам спасибо! Есть много блогеров выпускающих подобные ролики, но вас отличает внимание к мелочам и деталям, что даёт более глубокое и полное понимание технологий, другие же стараются показать самое основное и ходовое, что с одной стороны тоже не плохо если хочешь только ознакомиться с технологией, но много нюансов выпадает. Ещё раз спасибо! Продолжайте в том же духе. Всех благ!!!
Спасибо
Спасибо! Полезно очень)
Пожалуйста
Всегда лучшие разборы тем, рекомендую. Смотрите сначала это, потом, прыгайте на других. Евгений разжевывает в отличие от остальных авторов) 👍
Спасибо за отзыв
огромная благодарность за эту нужную инфу (в самый нужный момент) и всё доходчиво подано.
мы как раз сейчас изучаем флексбох и преподаватель слишком быстро и слишком скомкано объясняет = зипирует инфу.
Рад что понравилось и что пригодилось во время
Скажите пожалуйста а где изучаете? с преподавателем
Спасибо огромное!
Пожалуйста
Спасибо большое, всё понятно объяснил.
Звучит, как сарказм из-за выделенного слова «КЭП»)
@@YauhenKavalchuk ни грамма сарказма, большие буквы - как знак уважения 👍
@@YauhenKavalchuk поменял, что б никого не смущало 😉
Дуже крута подача матеріалу! Дякую
калі ласка
А мне понравилось ваше видео, было полезно
Отлично
Это чудесно
Благодарю
спасибо за видео!!
Пожалуйста
Спасибо, ты лучший!
Пожалуйста
Спасибо! Пошел гриды учить)
Пожалуйста
За час узнал больше, чем за полгода в универе
👍
Огонь!
👍
Спасибо вам
Пожалуйста
Супер!
Спасибо
Благодарю!
Пожалуйста
Молодец ! С меня подписка!
👍
огонь чувак=) теперь есть порядок в голове...
👍
Спасибо огромное!!!!!!!
Пожалуйста
Спасибо!
Пожалуйста
спасибо вам
Пожалуйста