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

[@Aleksandr1974-B]

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

[@YauhenKavalchuk]

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

[@stroke.1742]

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

[@Aleksandr1974-B]

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

[@romkery]

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

[@gospadinidinahui]

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

[@952a259]

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

[@YauhenKavalchuk]

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

[@NeedForHeavyMetal]

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

[@YauhenKavalchuk]

Благодарю за отзыв

[@NeedForHeavyMetal]

@@YauhenKavalchuk зачетный плейсхолдер))

[@YauhenKavalchuk]

Не совсем понял о чём речь)

[@МаратАбдурахманов-г9э]

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

[@YauhenKavalchuk]

Всегда пожалуйста

[@Максимда-л8ы]

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

[@ArtyomKrymskiy]

Аналогично! Солидарен)

[@YauhenKavalchuk]

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

[@user-pt1te3uh7f]

Присоединяюсь и поддерживаю

[@dilyafruzik]

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

[@YauhenKavalchuk]

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

[@dilyafruzik]

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

[@КириллКолос-т2д]

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

[@YauhenKavalchuk]

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

[@romaskhin]

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

[@YauhenKavalchuk]

Спасибо

[@romaskhin]

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

[@YauhenKavalchuk]

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

[@AniSTar_yt-g1p]

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

[@YauhenKavalchuk]

Спасибо огромное за отзыв!

[@atoomotr]

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

[@YauhenKavalchuk]

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

[@РоманПарух-ю3й]

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

[@YauhenKavalchuk]

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

[@MrDobro1214]

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

[@YauhenKavalchuk]

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

[@FrOsTBoLL]

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

[@MrDobro1214]

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

[@user-pt1te3uh7f]

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

[@mykhailokorotych7531]

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

[@YauhenKavalchuk]

Благодарю

[@DEZester]

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

[@YauhenKavalchuk]

😂🤣 спасибо 👍

[@VaBank3]

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

[@YauhenKavalchuk]

Спасибо

[@YaniaRZ]

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

[@YauhenKavalchuk]

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

[@apelsin4ik2901]

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

[@YauhenKavalchuk]

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

[@alsusayfulina1865]

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

[@YauhenKavalchuk]

Спасибо большое

[@Polite_person_]

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

[@YauhenKavalchuk]

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

[@Polite_person_]

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

[@YauhenKavalchuk]

Спасибо

[@ЮлияКовалева-г9ш]

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

[@YauhenKavalchuk]

Пожалуйста

[@devorer77]

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

[@YauhenKavalchuk]

Спасибо)

[@АльбертРубцов]

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

[@YauhenKavalchuk]

Спасибо большое)

[@step7275]

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

[@YauhenKavalchuk]

Пожалуйста

[@bananchik3125]

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

[@YauhenKavalchuk]

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

[@mental_master9003]

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

[@YauhenKavalchuk]

Пожалуйста

[@Vitaliy42]

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

[@YauhenKavalchuk]

Всегда пожалуйста

[@vladkomovich8585]

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

[@YauhenKavalchuk]

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

[@Iron_Sea]

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

[@YauhenKavalchuk]

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

[@TUMOREG]

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

[@YauhenKavalchuk]

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

[@bessuka]

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

[@YauhenKavalchuk]

Пожалуйста)

[@usernamer519]

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

[@YauhenKavalchuk]

Огонь

[@digitalturkistan1857]

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

[@YauhenKavalchuk]

Всегда пожалуйста

[@Александр-35663]

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

[@YauhenKavalchuk]

Благодарю

[@ОюунаПапаева]

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

[@YauhenKavalchuk]

Спасибо большое

[@ulbolsynzh]

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

[@YauhenKavalchuk]

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

[@phoenixbeard8543]

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

[@YauhenKavalchuk]

калі ласка

[@Toshik393]

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

[@YauhenKavalchuk]

Огромное пожалуйста)

[@sergiy1992]

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

[@YauhenKavalchuk]

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

[@Максим-г1ъ7п]

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

[@YauhenKavalchuk]

Пожалуйста

[@zzicman]

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

[@YauhenKavalchuk]

Пожалуйста

[@nellivello2745]

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

[@YauhenKavalchuk]

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

[@uglykaneki5165]

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

[@YauhenKavalchuk]

Пожалуйста

[@burunduckc]

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

[@YauhenKavalchuk]

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

[@jakhonkhojakhon]

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

[@YauhenKavalchuk]

Пожалуйста

[@Signtone]

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

[@YauhenKavalchuk]

👍

[@Амантур-т4ф]

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

[@YauhenKavalchuk]

Спасибо)

[@egorios3705]

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

[@YauhenKavalchuk]

Спасибо)))

[@Egokiv]

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

[@YauhenKavalchuk]

Пожалуйста)

[@demidronder]

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

[@YauhenKavalchuk]

Пожалуйста

[@happyhour4067]

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

[@YauhenKavalchuk]

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

[@odeyalo9091]

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

[@nikukulkina]

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

[@YauhenKavalchuk]

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

[@almaz.kamaliev]

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

[@YauhenKavalchuk]

А почему Щербаков доволен?)

[@almaz.kamaliev]

kzbin.info/www/bejne/eoS2aXRvotZjqtk

[@YauhenKavalchuk]

А🤣🤣🤣🤣 не знал!)

[@МаксимАртемьев-з2д]

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

[@YauhenKavalchuk]

Спасибо

[@Peter-ir5fg]

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

[@YauhenKavalchuk]

Пожалуйста

[@bogdownoff]

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

[@YauhenKavalchuk]

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

[@deGGenerate]

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

[@YauhenKavalchuk]

Спасибо

[@ruslanhd7262]

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

[@YauhenKavalchuk]

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

[@ЕленаПолищук-щ9ш]

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

[@YauhenKavalchuk]

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

[@ilyafreer]

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

[@YauhenKavalchuk]

Пожалуйста

[@ruslankhamidullin235]

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

[@YauhenKavalchuk]

Пожалуйста

[@mixm1572]

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

[@YauhenKavalchuk]

Пожалуйста

[@nuya2591]

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

[@YauhenKavalchuk]

Спасибо)

[@dizayn_eto_prosto]

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

[@YauhenKavalchuk]

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

[@ispanyola]

Спасибо, очень понятно и доходчиво. Но столкнулся с проблемой на практике, надо было разобраться как именно считать пропорции у 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]

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

[@ilyabaraczenia1501]

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

[@YauhenKavalchuk]

👍

[@effeymoth6984]

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

[@YauhenKavalchuk]

Пожалуйста

[@АшурМезлан]

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

[@YauhenKavalchuk]

Всегда пожалуйста

[@andranikhambardzumyan6264]

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

[@YauhenKavalchuk]

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

[@roma_platonov_music]

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

[@YauhenKavalchuk]

Спасибо огромное за отзыв

[@nikita_kabuu]

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

[@YauhenKavalchuk]

Пожалуйста

[@Olgitatata]

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

[@YauhenKavalchuk]

Пожалуйста

[@mickle-ak]

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

[@YauhenKavalchuk]

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

[@mickle-ak]

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

[@rocketman4072]

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

[@YauhenKavalchuk]

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

[@rocketman4072]

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

[@rocketman4072]

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

[@velikorossnationalist4259]

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

[@YauhenKavalchuk]

Пожалуйста

[@dimeliora]

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

[@YauhenKavalchuk]

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

[@tanzilavodelova1306]

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

[@айшаабду-м7ж]

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

[@YauhenKavalchuk]

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

[@АлександрВасильевич-ч9з]

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

[@YauhenKavalchuk]

Пожалуйста

[@natalliak74]

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

[@YauhenKavalchuk]

Огромное пожалуйста

[@901mg]

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

[@YauhenKavalchuk]

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

[@armazet8081]

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

[@YauhenKavalchuk]

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

[@АлександрКрайсветный-ф1н]

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

[@YauhenKavalchuk]

👍

[@ИгорьГлазков-с1б]

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

[@YauhenKavalchuk]

Пожалуйста

[@artemkravchenko4062]

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

[@YauhenKavalchuk]

Пожалуйста

[@sham_95]

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

[@YauhenKavalchuk]

Пожалуйста

[@bbnowhat]

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

[@YauhenKavalchuk]

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

[@difopse18]

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

[@YauhenKavalchuk]

Пожалуйста

[@ДенисКривошапов-ь3ч]

Спасибо, ты лучший!

[@YauhenKavalchuk]

Пожалуйста

[@ЯнаВолкова-ь9г]

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

[@YauhenKavalchuk]

Отлично

[@EugenySubbotin]

Чёткий урок!

[@YauhenKavalchuk]

Благодарю

[@immortal8538]

Worked , thanks a lot!

[@YauhenKavalchuk]

You’re welcome

[@Мансур-б1ж5г]

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

[@YauhenKavalchuk]

Пожалуйста

[@shokerface4173]

Спасибо бро ❤

[@BubnovAndrew]

Это чудесно

[@YauhenKavalchuk]

Благодарю

[@quentindrenton]

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

[@YauhenKavalchuk]

Пожалуйста

[@alexanderalexandrov1191]

Молодец ! С меня подписка!

[@YauhenKavalchuk]

👍

[@Жизнь-я3ъ]

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

[@YauhenKavalchuk]

Пожалуйста

[@boom7239]

самое доступное обьяснение

[@YauhenKavalchuk]

👍

[@benchik100]

32:56 Главная ось должна быть в вертикальном положении, при flex-direction: column-reverse ( или я путаю? 🙄). Круто что ты поддерживаешь обратную связь под видео

[@YauhenKavalchuk]

Не путаете, вертикально

[@d.p.5445]

огонь чувак=) теперь есть порядок в голове...

[@YauhenKavalchuk]

👍

[@snake_bs5500]

Спасибо вам

[@YauhenKavalchuk]

Пожалуйста