Flexbox CSS самый понятный и подробный урок для начинающих на практике

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

ความคิดเห็น • 55

  • @ITDoctor
    @ITDoctor  ปีที่แล้ว +3

    📌 Курс "Frontend разработчик на HTML, CSS и JavaScript": stepik.org/a/113402

  • @stanislavudcs78
    @stanislavudcs78 ปีที่แล้ว +9

    Большое спасибо за урок, ждем подробный урок по GRID

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว

      Спасибо что оценили

  • @MikaStan
    @MikaStan 4 หลายเดือนก่อน +1

    Отлично! Были озвучены некоторые моменты, о которых я еще не знал)
    И да, у Вас специалиста, уровень 24 Froggy получилось решить в 3 шага - когда как у меня вышло 4)):
    flex-flow: column-reverse wrap-reverse;
    align-items: flex-end;
    align-content: space-between;
    justify-content: center;

    • @ITDoctor
      @ITDoctor  3 หลายเดือนก่อน

      спасибо

  • @АкимеУсеинова-с3е
    @АкимеУсеинова-с3е ปีที่แล้ว +7

    Спасибо большое,отлично, всё понятно!!😊

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว +1

      Пожалуйста

  • @alexvlasyk3696
    @alexvlasyk3696 ปีที่แล้ว +5

    Спасибо. Круто.

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว +1

      Спасибо

  • @rikenbaker1
    @rikenbaker1 5 หลายเดือนก่อน +1

    Спасибо за урок!
    Подробно разобрали тему flexbox, картина сложилась 😀

    • @ITDoctor
      @ITDoctor  5 หลายเดือนก่อน

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

  • @АшурМезлан
    @АшурМезлан ปีที่แล้ว +1

    Автора канал, береги себя и дай бог тебе всех благ. ❤

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว

      спасибо. и вам всех благ!

  • @ТатьянаЯковлева-э9ю
    @ТатьянаЯковлева-э9ю ปีที่แล้ว +3

    Благодарю за хороший урок.

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว

      Спасибо что оценили

  • @ToriMeel
    @ToriMeel ปีที่แล้ว +3

    Отличный урок ! Спасибо! 👏

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว

      Пожалуйста

  • @mathew9794
    @mathew9794 ปีที่แล้ว +1

    Благодарю за прекрасный урок и разбор.

    • @ITDoctor
      @ITDoctor  11 หลายเดือนก่อน

      Спасибо что оценили!

  • @Constantiuss
    @Constantiuss 14 วันที่ผ่านมา

    Огромное спасибо за контент

    • @ITDoctor
      @ITDoctor  13 วันที่ผ่านมา

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

  • @Alex_Codov
    @Alex_Codov ปีที่แล้ว +1

    Спасибо Вам!

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว

      Пожалуйста

  • @Js__voL_06
    @Js__voL_06 หลายเดือนก่อน

    Прям с удовольствием смотрю ваши ролики. Вот хотелось бы посмотреть верстку где и флексы есть и плюс вместе с ними и позиционирование. Особенно на bootstrap хотелось бы все это увидеть…….👏👏👏👏👏

    • @ITDoctor
      @ITDoctor  หลายเดือนก่อน

      t.me/itdoctor_official/1231 позиционирование не обещаю но практики много

  • @tinatriboi6799
    @tinatriboi6799 ปีที่แล้ว +1

    Круто!)

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว

      Спасибо

  • @tinatriboi6799
    @tinatriboi6799 ปีที่แล้ว +2

    Спасибо)

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว

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

  • @ИгОрЁк-л2з
    @ИгОрЁк-л2з ปีที่แล้ว +3

    По flex-grow-shrink-basis можно сделать отдельное видео там есть о чем рассказать

    • @АндрейМельниченко-б7п
      @АндрейМельниченко-б7п ปีที่แล้ว +1

      Это точно там много чего есть рассказать, например про то как расчитывыаются размеры элементов если есть несколько элементов с разными flex-grow или flex-shrink, непонятно почему все проходятся по базовым свойствам, а вот глубже копнуть всем лень 😡

    • @Beyond-the-transcendent
      @Beyond-the-transcendent ปีที่แล้ว +1

      Если тема flex: не раскрыта то можно считать гайд слитым и бесполезным.

  • @timurrasputin71
    @timurrasputin71 7 หลายเดือนก่อน

    Спасибо )

    • @ITDoctor
      @ITDoctor  7 หลายเดือนก่อน

      Пожалуйста

  • @Chernaya0k0niga
    @Chernaya0k0niga 10 วันที่ผ่านมา

    justify-content:center;
    flex-flow: wrap-reverse column-reverse;
    align-content:space-between;
    я таким решил, можно ли это считать за 4 действия, или все-таки 3?

  • @Js__voL_06
    @Js__voL_06 หลายเดือนก่อน

    4:23 тут хотелось бы очень чтобы ссылку бы вы прикрепили бы ))

    • @ITDoctor
      @ITDoctor  หลายเดือนก่อน

      morphismail.github.io/site_6_portfolio/

  • @SerhiiBaranov
    @SerhiiBaranov ปีที่แล้ว

    Подскажи пожалуйста,когда в документе HTML добавлял класс, в документе CSS этот класс автоматом появился, за это отвечает какой-то плагин? Спасибо!

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว

      Само не появляется, нужно писать вручную

    • @SerhiiBaranov
      @SerhiiBaranov ปีที่แล้ว +1

      @@ITDoctor понял, на видео просто так получилось, что само появилось :) спасибо большое за Вашу работу!!!

  • @МаксимНуралиев-ф5н
    @МаксимНуралиев-ф5н ปีที่แล้ว

    Добрый день, вопрос беспокоит меня, купил курс ваш на Frontend разработчика прошёл html css и флекс бокс, в принципе понимаю что зачем и как, не скажу что прекрасно владею всем и тут вопрос стоит идти дальше JavaScript изучать или добивать предыдущие темы?

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว +1

      я так понимаю я вам уже ответил? или это были не вы)

  • @igoraleksandrovich1498
    @igoraleksandrovich1498 8 หลายเดือนก่อน

    С какого вашего курса сделано это объединённое видео?

    • @ITDoctor
      @ITDoctor  8 หลายเดือนก่อน

      это просто видео для ютуба. даже в платных курсах этой информации нет. я просто ссылку оставляю на ютуб так как видео получилось подробное и очень полезное считаю.

  • @alexjohnson4270
    @alexjohnson4270 ปีที่แล้ว

    Теперь про grid также можно?)

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว +2

      В видео я про это рассказывал, что уже есть сейчас и что возможно будет новое

  • @Gazovchik
    @Gazovchik ปีที่แล้ว +1

    Ого.....
    2 часа - это только Начальный уровень,,,,,,,,
    -
    Жёстко!
    Сколько же надо знать более-менее профессионалу?!!

    • @Gazovchik
      @Gazovchik ปีที่แล้ว +1

      Всем успехов в обучении
      Мира и добра

    • @ITDoctor
      @ITDoctor  ปีที่แล้ว +1

      Это от начального уровня и до очень уверенного по крайней мере в теме flexbox, но конечно есть и другие темы в CSS

  • @АлександрАнисимов-о6э
    @АлександрАнисимов-о6э ปีที่แล้ว +1

    По сути в первые 15 минут уже решается большинство задач, которые когда-либо могут возникнуть

    • @АлександрАнисимов-о6э
      @АлександрАнисимов-о6э ปีที่แล้ว +1

      Но я все равно советую посмотреть все, это вам точно пригодится, все очень понятно и быстрее, чем читать
      Спасибо

  • @demimurych1
    @demimurych1 ปีที่แล้ว

    Flex-ы это прежде всего понимание того, как работает grow shrink и basis.
    В двух часовом видео, говориться о чем угодно, но не о том, что делает Flex флексами.
    В конце видео уделяется на три фундаментальных свойства 15 минут, где по объяснению становится понятно, почему о них не говорили вообще - автор понятия не имеет как они работают. Потому, что grow - это не коэффициент пропорционального растягивания, а shrink это не пропорциональное сжатие.
    На любом собеседовании, где спрашиваю о флексах, в первую очередь спросят именно это и если человек понимает КАК рассчитываются величениы flex элементов в зависимости от grow shrink basis никто у него уже выравнивания и прочее спрашивать не будет, потому, что выравнивания легко можно вспомнить по спецификации, а вот grow не вспомнишь. Их нужно понимать и знать как они работают.
    Тем более flex-basis это не ширина контента как нам потребуется. Вы несете чушь и учите этому людей.
    Стыдитесь.

  • @Beyond-the-transcendent
    @Beyond-the-transcendent ปีที่แล้ว

    Оч плохо, не говоря о затягивании.
    Все эти уроки давно есть.
    Сегодня реально для людей есть нужда в реальных примерах(не лягушки а макеты) , потому что эта теория вообще не роляет.
    Когда человек берёт работу и норм макет он совсем не понимает как применять флексы.
    По самому важному свойству flex , нет тайминга что значит автор сам не пониемает религию флексов и решил просто пересказать тут доку.
    Именно по этому один Евгений считает весь русский контент отребьем и он прав, уровень ниже плинтуса.
    Вы можете внимательно изучить суть критики и подумать над рельным видео которое бы зашло и получить 500тыс просмотров, а можете обидется и плакать что кто-то пишет плохой коментарий.
    Видео оч низкого качества по мат части и мне стыдно за русский контент.
    Хотя я не отрицаю что сделать годное видео лень, т.к нужно потратить не меньше месяца.