CSS Flexbox. Полный курс

Sdílet
Vložit
  • čas přidán 27. 08. 2024

Komentáře • 395

  • @Aleksandr1974-B
    @Aleksandr1974-B Před 2 lety +45

    Учусь в Синергии на фронтендера, никакого разъяснения материала. Простая зачитка текста. Долго искал что-то ,что помогло бы понять как и что. Ваши уроки помогли понять и разобраться во многом! Спасибо Вам огромное за ваш труд!!!

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 2 lety +2

      Спасибо за отзыв

    • @stroke.1742
      @stroke.1742 Před 2 lety +1

      и как там в синергии?)

    • @Aleksandr1974-B
      @Aleksandr1974-B Před 2 lety +2

      @@stroke.1742 Как!?
      Ничего не понятно)

    • @romkery
      @romkery Před rokem +2

      лучшее чему может научить синергия - как быстро во время экзамена искать информацию в интернете

    • @gospadinidinahui
      @gospadinidinahui Před rokem +1

      Если покупать, то лучше Яндекс Практикум или Нетология

  • @952a259
    @952a259 Před rokem +7

    Очень подробно, очень качественно, мега-профессионально! Пусть автору воздастся за его труд! ❤

  • @NeedForHeavyMetal
    @NeedForHeavyMetal Před 2 lety +85

    ура, ты объединил, стало удобнее) спасибо большое за образование! почет и уважение учителям)

  • @user-qq3jv1ky8z
    @user-qq3jv1ky8z Před 7 měsíci +4

    Спасибо за ваш труд, отличные уроки без воды и лишних слов.

  • @user-kn2rl5lg4x
    @user-kn2rl5lg4x Před rokem +9

    Прохожу сейчас курсы у другого человека, но дополнительно полез разбираться в ютуб. Как говорится "Искал медь, а нашел золото!" Автор храни тебя господь за твои старания!!!!

  • @walkingdolphin9513
    @walkingdolphin9513 Před 2 lety +3

    просто чудесное повествование , максимально полезное видео, 5+++++++++++ тысячи лайков

  • @romaskhin
    @romaskhin Před 2 lety +15

    Просто лайк за свежий, топовый,понятный, полезный материал 👍👍👍👍

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 2 lety +2

      Спасибо

    • @romaskhin
      @romaskhin Před 2 lety

      @@YauhenKavalchuk а курсы есть у тебя? На udemy или может ещё какой то платформе?

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 2 lety +2

      Нет, только CZcams. Но если есть желание потратить немного денег, то можете стать спонсором, или патроном канала

  • @MrDobro1214
    @MrDobro1214 Před 2 lety +10

    Дружище, купил я курс у Яндекс Практикума значит) первая тема - флексбоксы. Я сначала у тебя смотрю, потом там делаю задания. От тебя куда больше инфы узнаю и в разы понятней. Спасибо тебе за твой труд :З

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 2 lety +1

      Спасибо большое за отзыв

    • @FrOsTBoLL
      @FrOsTBoLL Před rokem +1

      Привет, как тебе курс? Хотел тоже купить, но отговорили знакомые

    • @MrDobro1214
      @MrDobro1214 Před rokem +1

      @@FrOsTBoLL Привет, дядя Ваня) Иди их поцелуй в лоб и поблагодари) Честно, я не советую. У меня диплом вот начался уже, да, я дошел почти до конца - это мини победа. Но сколько было боли, скулежа и страданий... Какие-то темы ок описание, но большая часть не очень, подают местами уже неактуальный материал, все эти дедлайны и непонятные ревьюверы больше вгоняют в апатию. Честно сказать, у меня почти все желание отпало заниматься разработкой, постараюсь добить диплом, но бог знает, как пойдёт. Посмотрим в сторону Хэкслета, но я не особо уверен, что там на голову выше будет. Да и плюс сейчас такое время, что хрен работу найдешь + ЯП не помогает с трудоустройством, то есть ты закончишь и будешь сидеть тупо в надежде, что тебя куда-то позовут. Крч, постараюсь закончить, но не уверен, что получится в современных реалиях что-то найти.

    • @user-pt1te3uh7f
      @user-pt1te3uh7f Před 7 měsíci

      Важно качество контента, а не его реклама и раскрутка

  • @user-ex4qq4yx1p
    @user-ex4qq4yx1p Před 11 měsíci +3

    Очень крутой контент. И круто что все вместе. Спасибо , друг, за такое доступное объяснение

  • @mykhailokorotych7531
    @mykhailokorotych7531 Před 2 lety +5

    Спасибо, весь курс на одном дыхании.
    Все максимально понятно
    Бонус в конце курса с реальными примерами, идеально для закрепления!

  • @dilyafruzik
    @dilyafruzik Před 2 lety +3

    Благодарю в очередной раз за урок, который объяснён очень доходчиво. На мой взгляд, у Вас талант преподавания.

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 2 lety +1

      Спасибо большое за отзыв

    • @dilyafruzik
      @dilyafruzik Před 2 lety +1

      @@YauhenKavalchuk Это Вам большое спасибо за Ваш труд!

  • @user-tk7qv9rv2c
    @user-tk7qv9rv2c Před 2 lety +7

    Спасибо, особенно за последнюю часть, с примерами как это применить для разных вариантов!

  • @DEZester
    @DEZester Před 2 lety +19

    Так же качественно как и твоя прическа. Мега-круто, отличный курс! Всё простым языком, большое спасибо)

  • @VaBank3
    @VaBank3 Před rokem +1

    Посмотрел первые 12 минут и уже лайк влепил. Ну реально НАГЛЯДНО всё показано и доступно объяснено

  • @digitalturkistan1857
    @digitalturkistan1857 Před rokem +1

    Спасибо за бесценные уроки

  • @devorer77
    @devorer77 Před 2 lety +8

    Женя, давно не был у Вас на канале. Крутой лук! Очень стильно))

  • @vladkomovich8585
    @vladkomovich8585 Před 2 lety +5

    Классный видос!
    Очень доступно объясняете, спасибо большое!

  • @step7275
    @step7275 Před měsícem

    Спасибо за хороший курс смотрел его после основного курса что бы раскрыть полностью тему , очень много материала )

  • @user-tr5vx7dp4s
    @user-tr5vx7dp4s Před 2 lety +5

    Спасибо автору за Очень очень очень подробный и понятный ролик по флексам.
    Подача материала просто огонь!!!
    Все разложено по полочкам

  • @user-ig9ht6zl4w
    @user-ig9ht6zl4w Před 2 lety +22

    Максимально простая подача, интересно и просто. Спасибо за труд этому гениальному автору. Помог разобраться с темой флексов! Лайк !

  • @Egokiv
    @Egokiv Před 2 lety +4

    Женя, большое спасибо тебе!

  • @atoomotr
    @atoomotr Před rokem +2

    Самый лучший контент в сети, так это на этом канале! Благодаря ему, я понял много, до этого не понятных мне, вещей в программировании.
    Спасибо большое автору!
    Больше бы таких учителей!
    Спасибо, спасибо, спасибо!!!!

  • @Signtone
    @Signtone Před 2 lety +7

    Это супер радостно!)

  • @alsusayfulina1865
    @alsusayfulina1865 Před 2 lety +15

    Курс как всегда на высоте, такого основательного подхода ни у кого не встречала! Огромное спасибо и удачи во всех проектах!!!

  • @nuya2591
    @nuya2591 Před 2 lety +4

    Какой же ты крутой чел

  • @user-nk2cx8mn5r
    @user-nk2cx8mn5r Před 2 lety +3

    Ты просто молодчина ) Как я рад что нашёл твой канал ! Очень доходчиво и наглядно объясняешь )

  • @ruslankhamidullin235
    @ruslankhamidullin235 Před 2 lety +5

    Круто 🔥 спасибо большое

  • @bananchik3125
    @bananchik3125 Před rokem +1

    Очень качественно видео сделано, видно, что немало сил потрачено. Красавчик 👍

  • @apelsin4ik2901
    @apelsin4ik2901 Před rokem +2

    Большое спасибо, очень подробно рассказано и показано. Куча примеров и море практики, автор молодец. Хотелось в будущем увидеть урок по Git и GitHub.

  • @ulbolsynzh
    @ulbolsynzh Před 2 lety +6

    Прям разжованно, хорошо объесняется, спасибо за Ваш труд☺

  • @bessuka
    @bessuka Před 2 lety +2

    Хорошее видео, с хорошими примерами, законспектировал, буду закреплять на практике. Большое спасибо!

  • @user-nm3fk2ut4h
    @user-nm3fk2ut4h Před 7 měsíci

    Очень приятный голос, все очень четко и понятно

  • @Polite_person_
    @Polite_person_ Před 2 lety +2

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 2 lety +1

      Спасибо большое за отзыв!)

    • @Polite_person_
      @Polite_person_ Před 2 lety +3

      @@YauhenKavalchuk Это вам спасибо! Есть много блогеров выпускающих подобные ролики, но вас отличает внимание к мелочам и деталям, что даёт более глубокое и полное понимание технологий, другие же стараются показать самое основное и ходовое, что с одной стороны тоже не плохо если хочешь только ознакомиться с технологией, но много нюансов выпадает. Ещё раз спасибо! Продолжайте в том же духе. Всех благ!!!

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 2 lety +1

      Спасибо

  • @Vitaliy42
    @Vitaliy42 Před 9 měsíci

    Шикарный курс, шикарный канал, спасибо большое! Очень удобно обращаться по надобности к таким материалам.

  • @user-gq1gc2br9w
    @user-gq1gc2br9w Před 2 lety +2

    Спасибо, как раз на этом этапе изучения CSS

  • @user-dd6ny4ig3y
    @user-dd6ny4ig3y Před 2 lety +4

    Очень качественно и понятно 😌. Пожалуй подпишусь на этот прекрасный канал)

  • @user-vn1ho3gu5b
    @user-vn1ho3gu5b Před 2 lety +4

    Крутой курс молодец!!!!!!

  • @Iron_Sea
    @Iron_Sea Před 2 lety +2

    Спасибо большое за ваш труд! Очень понятно объясняете, видно, что у вас педагогический талант. Прошла и закрепила flexbox, теперь перехожу к гридам

  • @user-jf8ff1vy2i
    @user-jf8ff1vy2i Před 2 měsíci

    Супер видео, все четко й понятно!

  • @effeymoth6984
    @effeymoth6984 Před 2 lety +1

    Большое спасибо, наконец-то понятно!

  • @TUMOREG
    @TUMOREG Před rokem +1

    Как же грамотно, без спешки, аккуратно и точно передана информация. Спасибо! Проходила курс в приложении Mimo и в какой-то момент поняла, что не понимаю, о чем вообще речь. Пришла сюда навести порядок в голове, а тут такой контент. Обязательно прослушаю и другие курсы по CSS.

  • @zzicman
    @zzicman Před 5 měsíci

    Спасибо за детальное объяснение такой непростой темы

  • @egorios3705
    @egorios3705 Před 2 lety +6

    Крутой курс, клевая прическа! Спасибо )

  • @nikukulkina
    @nikukulkina Před 2 lety +2

    Спасибо вам за вдохновение и мотивацию!

  • @jakhonkhojakhon
    @jakhonkhojakhon Před 2 lety +2

    Отличный урок по флексам!
    Спасибо большое!!!

  • @usernamer519
    @usernamer519 Před 11 měsíci

    Очень крутой курс! Благодаря постоянным пояснениями насчет оси наконец понял эту тему.

  • @ilyafreer
    @ilyafreer Před 6 měsíci

    Спасибо! Большой труд делать такие уроки

  • @phoenixbeard8543
    @phoenixbeard8543 Před rokem

    Дуже крута подача матеріалу! Дякую

  • @Peter-ir5fg
    @Peter-ir5fg Před 7 měsíci

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

  • @dizayn_eto_prosto
    @dizayn_eto_prosto Před 2 lety +1

    Спасибо большое за ваш труд

  • @almaz.kamaliev
    @almaz.kamaliev Před 2 lety +1

    Щербаков, как и я, доволен этим видео :) Спасибо!

  • @sergiy1992
    @sergiy1992 Před rokem

    Рад что нашёл твой канал, ты лучший !!!
    Спасибо огромное за твой труд !!!

  • @andranikhambardzumyan6264
    @andranikhambardzumyan6264 Před 10 měsíci

    Очень подробно, очень качественно

  • @Olgitatata
    @Olgitatata Před rokem

    Все СУПЕР 👍 😄 спасибо!!!!

  • @nellivello2745
    @nellivello2745 Před 2 lety

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

  • @uglykaneki5165
    @uglykaneki5165 Před rokem

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

  • @Toshik393
    @Toshik393 Před rokem

    Огромное спасибо! Очень чёткий и понятный курс, всё на ясных примерах и без лишний воды)

  • @mental_master9003
    @mental_master9003 Před rokem

    Огромное спасибо.
    Ты просто спаситель.
    Самое лучшее объяснение для тех кто только начинает изучать вёрстку.
    На остальных каналах несутся галопом по европам - подробно не разжовывая (типа сам догадается).
    Спасибо ))

  • @user-cm1om1oo3p
    @user-cm1om1oo3p Před 11 měsíci

    Ох, доборый человек, спасибо тебе за видеоурок. дай бог тебе бабосиков.

  • @user-ek8ph7zy5h
    @user-ek8ph7zy5h Před 2 lety

    Видос имба по флексам, еще и с примером применения, пушка просто

  • @ruslanhd7262
    @ruslanhd7262 Před 2 lety +16

    Один из любимых каналов. Жаль, что ты не проводишь марафоны по верстке, было бы очень интересно.

  • @mixm1572
    @mixm1572 Před 2 lety +1

    Спасибо, очень крутые лекции.

  • @user-go5tp4rd6w
    @user-go5tp4rd6w Před 8 měsíci

    Спасибо, очень хорошее видео.

  • @deGGenerate
    @deGGenerate Před 2 lety

    Супер крутое объяснение. Все что хотел узнать узнал. Ты молодец!

  • @burunduckc
    @burunduckc Před rokem

    Просто получилось суперски!!!!
    В тетради конспекта на 3 листа (при маленьком подчерке)
    Все подробно объясняют и показывают сразу на практике. Спасбио вам большое, получилось вообще замечательно!

  • @sham_95
    @sham_95 Před rokem

    Спасибо, все чётко! 👍

  • @demidronder
    @demidronder Před rokem

    Очень качественное видео. Благодарю.

  • @rocketman4072
    @rocketman4072 Před rokem

    Спасибо большое, всё понятно объяснил.

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před rokem

      Звучит, как сарказм из-за выделенного слова «КЭП»)

    • @rocketman4072
      @rocketman4072 Před rokem

      @@YauhenKavalchuk ни грамма сарказма, большие буквы - как знак уважения 👍

    • @rocketman4072
      @rocketman4072 Před rokem

      @@YauhenKavalchuk поменял, что б никого не смущало 😉

  • @user-hp2eg3zv1r
    @user-hp2eg3zv1r Před rokem

    За час узнал больше, чем за полгода в универе

  • @bbnowhat
    @bbnowhat Před 2 lety

    Брооо, спасибо, ты лучший)

  • @nikita_kabuu
    @nikita_kabuu Před 2 lety +1

    Спасибо тебе большое, реально понятно и доходчиво)

  • @ilyabaraczenia1501
    @ilyabaraczenia1501 Před 2 lety +5

    30:54 Для align-content : space-evenly точно так же распределяет элементы как и для justify-content: space-evenly :)

  • @happyhour4067
    @happyhour4067 Před 2 lety +1

    огромная благодарность за эту нужную инфу (в самый нужный момент) и всё доходчиво подано.
    мы как раз сейчас изучаем флексбох и преподаватель слишком быстро и слишком скомкано объясняет = зипирует инфу.

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 2 lety +1

      Рад что понравилось и что пригодилось во время

    • @odeyalo9091
      @odeyalo9091 Před 2 lety

      Скажите пожалуйста а где изучаете? с преподавателем

  • @BubnovAndrew
    @BubnovAndrew Před 2 lety +3

    Это чудесно

  • @EugenySubbotin
    @EugenySubbotin Před 2 lety

    Чёткий урок!

  • @user-oi8sb5co3h
    @user-oi8sb5co3h Před 2 lety

    А мне понравилось ваше видео, было полезно

  • @dimeliora
    @dimeliora Před 2 lety +4

    17:40 - уточнение: у блочной модели горизонтальные margin тоже не схлопываются, только вертикальные. И, как мне кажется, стоило еще упомянуть особенности поведения margin: auto (или 0 auto, или auto 0), когда можно таким образом оттолкнуть элемент от других в противоположный конец контейнера и по вертикали, и по горизонтали.

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 2 lety +3

      Ну на счёт вертикально схлопывания, я полагаю люди, которые посмотрели курс по CSS об этом знаю. А вот на счёт margin: auto забыл

    • @tanzilavodelova1306
      @tanzilavodelova1306 Před 2 lety

      Доброе утро! А как можно расставить 4 одинаковых блока по 4 углам, чтобы они не меняли свое положение?

  • @natalliak74
    @natalliak74 Před 2 lety

    Наконец-то я поняла эту тему! Огромное спасибо!

  • @difopse18
    @difopse18 Před rokem

    Спасибо! Пошел гриды учить)

  • @user-ve7tx3ud6n
    @user-ve7tx3ud6n Před 2 lety

    Спасибо Вам за ваш труд.

  • @velikorossnationalist4259

    Хороший курс по флексбоксу, спасибо!

  • @bogdownoff
    @bogdownoff Před 2 lety

    Всегда лучшие разборы тем, рекомендую. Смотрите сначала это, потом, прыгайте на других. Евгений разжевывает в отличие от остальных авторов) 👍

  • @user-vo3ep1lr4e
    @user-vo3ep1lr4e Před 2 lety

    спасибо за урок Мастер!)Граммотный курс.

  • @School_Factory
    @School_Factory Před rokem

    Спасибо огромное!

  • @immortal8538
    @immortal8538 Před rokem

    Worked , thanks a lot!

  • @901mg
    @901mg Před rokem

    Чтобы отцентровать элемент "Modal window" не обязательно задавать классу .flex-container свойства justify-content: center и align-items: center. Более элегантный способ - это установить элементу "Modal window" свойства margin: auto;

  • @ispanyola
    @ispanyola Před 2 lety

    Спасибо, очень понятно и доходчиво.
    Но столкнулся с проблемой на практике, надо было разобраться как именно считать пропорции у flex-grow. Пришлось погуглить знатно конечно. Так что оставлю решение здесь. Может кому пригодиться:
    Свободное пространство контейнера, без паддингов, границ и прочего делим на сумму значений flex-grow элементов. Т.е если у нас контейнер 1200px, и в нем 3 элемента по 150px, и второму надо дать значение flex-grow: 2; а остальным по единичке. То делаем так -
    (1200 - 150*3) / (1+2+1) = 187.5. Теперь, что бы узнать итоговый размер айтемов, умножаем это значение на значение flex-grow и прибавляем стартовый размер айтема. Для второга айтема это будет выглядеть так: (187.5 * 2) + 150 = 525px - итоговая ширина второго контейнера.
    Соответсвенно, для первого и третьего контейнеров - (187.5 * 1) + 150 = 337.5px.
    Пользуйтесь)

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 2 lety

      Спасибо, что поделились информацией

  • @roma_platonov_music
    @roma_platonov_music Před 2 lety

    Сколько видео смотрел на Ютьюбе (не только по этой теме), у тебя самая лучшая подача. А не знаю, в чём рецепт успеха: может, голос как-то добродушно звучит, может, видеоряд удачно подобран, но конспект пишу исключительно по урокам WebDev'а. Увесистые видео по ХТМЛ и ЦСС - тоже. Спасибо за труд, короче.

  • @quentindrenton
    @quentindrenton Před 3 měsíci

    спасибо за видео!!

  • @user-yn8qv2kl2i
    @user-yn8qv2kl2i Před 2 lety

    Спасибо, это мега-контент 👍

  • @901mg
    @901mg Před rokem

    Спасибо за отличный контент. Всё максимально понятно и доходчиво. Не хватает только описания поведения flex: none;

  • @oloviddinazim2260
    @oloviddinazim2260 Před rokem

    Супер!

  • @artemkravchenko4062
    @artemkravchenko4062 Před 2 lety

    классный курс, спасибо большое!

  • @armazet8081
    @armazet8081 Před rokem

    Спасибо за труд❤

  • @mickle-ak
    @mickle-ak Před 6 měsíci

    Занудный и душный контент.
    И это именно то, что нужно для изучения!!! 😉
    Я Ваши уроки СЛУШАЮ!!! когда еду или гуляю. И этого достаточно, чтобы понять! Вы все очень чётко проговариваете, так что все перед глазами на слух. Такое редко бывает!
    Здорово!
    Большое спасибо!
    P. S. Надеюсь я Вас не обидел первыми словами 😊

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 6 měsíci

      Вроде и похвалили, а вроде и нет)

    • @mickle-ak
      @mickle-ak Před 6 měsíci

      @@YauhenKavalchukПохвалил! Не сомневайтесь! 🙂

  • @user-gn1jl9sg8h
    @user-gn1jl9sg8h Před 11 měsíci

    Это самое фундаментальное объяснение, я в шоке

  • @user-to2iu2rx6f
    @user-to2iu2rx6f Před rokem

    Огонь!

  • @denysstryzhalko9265
    @denysstryzhalko9265 Před 2 lety +4

    А по гридам курс который 4 года назад?)
    Очень рад зайти на ютуб и увидеть свежий курс)

    • @YauhenKavalchuk
      @YauhenKavalchuk  Před 2 lety +3

      По гридам курс актуальный, там ничего не изменилось

  • @user-gs5sf8ou9r
    @user-gs5sf8ou9r Před 2 lety

    Спасибо! Полезно очень)

  • @snake_bs5500
    @snake_bs5500 Před 10 měsíci

    Спасибо вам