БЭМ методология. Практический пример

Поделиться
HTML-код
  • Опубликовано: 22 мар 2020
  • Друзья, в видео расскажу о бэм нейминге, объясню принципы, которыми руководствовались ребята при создании данной методологии. Конечно же, теория это круто, но мы с вами пропишем бэм стили для целого лендоса, чтобы закрепить все на практике.
    Макет из урока:
    drive.google.com/file/d/1h2Tt...
    Мой курс по верстке - from0to1.com.ua/
    Урок по scss/sass:
    • Препроцессоры SCSS/SAS...
    Урок по Gulp:
    • Gulp 4
    Урок по Pug:
    • Препроцессор html (jad...
    Подпишитесь на канал, если вам понравилось данное видео:
    bit.ly/2IFzwBZ

Комментарии • 509

  • @vadymprokopchuk
    @vadymprokopchuk  2 года назад +5

    Полезные ссылки:
    Бонусы на patreon - www.patreon.com/from0to1
    Курс по верстке - from0to1.com.ua/
    Телеграм канал - t.me/from0to1com
    Подпишитесь на канал, если вам понравилось данное видео:
    bit.ly/2IFzwBZ

  • @Vladikslavik
    @Vladikslavik 4 года назад +95

    Было бы не плохо в качестве продолжения запилить к этому уроку второй урок по классам. Кто ЗА, ставьте лайк.

  • @user-cu6hg6go4c
    @user-cu6hg6go4c 3 года назад +78

    Из многих видео по БЭМу этот ролик считаю самым толковым.
    То самое чувство когда до тебя дошло то что долго не доходило 👍

  • @amirgali17
    @amirgali17 4 года назад +120

    У него всегда контент ТОП!

  • @user-um5vk4fn6l
    @user-um5vk4fn6l 4 года назад +52

    Спасибо, большое! Ты лучший, от тебя веет позитивом и очень грамотно объясняешь.

  • @tatyanashurinova8161
    @tatyanashurinova8161 4 года назад +34

    Спасибо, что так хорошо объяснили! Наконец-то понятно, что такое БЭМ

  • @vadimyatsentiuk338
    @vadimyatsentiuk338 4 года назад +50

    Устроил вечеринку на карантине)

  • @zendoos
    @zendoos 4 года назад +5

    Вижу новый ролик,сразу ставлю лайк без вопросов) спасибо за топ контент !

  • @backda
    @backda 3 года назад +2

    Нескучный практис ) Интересно и доходчиво переданные знания. За макет для трени, отдельное спасибо!

  • @svhanz
    @svhanz 2 года назад +13

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

  • @tatianaleonova335
    @tatianaleonova335 4 года назад +4

    Как обычно - крутое видео, было полезно :) нравится твоя подача материала: не нудно и с юмором. Однозначно лайк.

  • @Mykhailo_Vdovychenko
    @Mykhailo_Vdovychenko 4 года назад +2

    Давно ждал этого урока. Спасибо!

  • @okla_ua
    @okla_ua 3 года назад +2

    Человек как будто отвечает на все вопросы возникающие в моей голове по ходу его объяснений) спасибо, очень качественно донес всю информацию

  • @mnelenpridumivatimya
    @mnelenpridumivatimya Год назад +3

    Очень круто парень всё объясняет, а юмор всё это только украшает.
    Спасибо вам.

  • @Alina_Shhh
    @Alina_Shhh 2 года назад +1

    Очень круто воспринимается информация, когда видишь, что человеку самому в кайф то, что он делает, он на своем месте. Пасибо, что делишься!)

  • @user-nl2qw1su9y
    @user-nl2qw1su9y Год назад

    Одно из самых лучших объяснений, методологии. Спасибо!

  • @milahallmark862
    @milahallmark862 Год назад +2

    Блин, как приятно слушать твою речь, будто мне друг сидит объясняет, очень доходчиво, спасибо большое

  • @Jazzzzby
    @Jazzzzby 4 года назад +7

    Топовый контент подъехал. Спасибо!

  • @dmitriyk.2462
    @dmitriyk.2462 4 года назад +16

    Какой же ты все таки позитивный,очень приятно слушать, продолжай в том же духе!

  • @user-qf2jr4cp8o
    @user-qf2jr4cp8o Год назад +1

    Удивительный вы человек!))) Смотрю ваши обучающие видео и ничего кроме восхищения!! Юмор и стеб с такими честными умными глазами - это надо уметь!! Здоровья вам и вашим деткам. Удачи и успехов. Я вас обожаю!

  • @user-zk2kd3jm3c
    @user-zk2kd3jm3c 3 года назад +1

    Вадим, ты молодец! Держишь внимание ученика от первой до последней секунды видео. Потому что интересно и поучительно!!! 👍👍👍🤓☝️

  • @irinadim
    @irinadim 2 года назад

    Спасибо, очень хорошо разъяснили. Здорово, что на длинном макете, разные блоки, разные имена классов, помогло.

  • @shakhboztashpulatov5225
    @shakhboztashpulatov5225 3 года назад

    Лучший контент про БЭМ который я видел когда либо, однозначно в ТОП. Спасибо что понятно и без воды, лайк и подписка с меня!

  • @sssbbb3768
    @sssbbb3768 4 года назад +8

    Редко пишу комментарий, но за такое должен сказать огромное СПАСИБО !!!

  • @ilmiragubarenko3618
    @ilmiragubarenko3618 4 года назад +2

    Очень понятно и круто! Спасибо за труды!

  • @user-nm3ls7yf2q
    @user-nm3ls7yf2q 4 года назад +4

    БЛАГОДАРОЧКА за выложеный контент, как раз углубляю свои знания в этом направлении на данный момент. Так уж совпало

  • @mikhaildevichensky6407
    @mikhaildevichensky6407 3 года назад +2

    Не скучно смотреть твои видео , спасибо!

  • @user-yk5gq8ji1e
    @user-yk5gq8ji1e 2 года назад

    Спасибо за подробный обзор методологии ! В голове все разложилось по полочкам. Респект👍

  • @user-lr6ut6kf6s
    @user-lr6ut6kf6s Год назад

    Спасибо за ясное разъяснение, особенно с учётом опыта использования!

  • @json_js
    @json_js 3 года назад

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

  • @user-xg2on8ql7v
    @user-xg2on8ql7v Год назад +5

    Благодаря тебе и моим усердным стараниям, сейчас я приступаю к тестовому заданию по работе с полным пониманием "Что? Куда? Когда? И зачем?". Очень благодарна за уроки, если бы слово "комфорт" было человеком, я бы назвала твоё имя))

  • @igor9830
    @igor9830 4 года назад +23

    Ля Ору с ваших объяснений) очень полезно и в то же время смешно - лайкосик однозначно!

  • @Ultegra_
    @Ultegra_ 4 года назад +7

    Вадим приветствую, как всегда спасибо за топ контент, лайк сходу. Очень полезно про БЭМ знания подтянуть.
    P.S. Ждем сложную, если возможно модульную верстку с галпом и препроцессором.

  • @user-uw9mr9tk5u
    @user-uw9mr9tk5u 3 года назад

    Толково, интересно, полезно. А за юмор вообще отдельный жирный плюс 👍

  • @user-ig2sj1ix5d
    @user-ig2sj1ix5d 3 года назад +6

    Вадим, огромное спасибо Вам за такой шикарный контент! Не знаю сколько бы я мучился и разбирался с БЭМ, если бы не Ваш ролик! Однозначно лайк!

    • @vadymprokopchuk
      @vadymprokopchuk  3 года назад +1

      круть, теперь все понятно)

  • @vladayakovleva9095
    @vladayakovleva9095 2 года назад +1

    🥺🥳 это божественное объяснение БЭМ. спасибо

  • @user-cy7ox9du2h
    @user-cy7ox9du2h 4 года назад +2

    Вадим, спасибо за твою работу! Контент мегаполезный. Мало кто так подробно и понятно всё объясняет и показывает. Привет из Одессы.

  • @vitaliy_
    @vitaliy_ 2 года назад +3

    Ну ты дядька даешь! Тонна полезной инфы + нестандартный юмор = отличное настроение на день а то и больше)))
    В преподы бы тебя: топовым будешь реально.

  • @jackasmile6517
    @jackasmile6517 3 года назад +1

    Огромное спасибо за видео! Все было понятно, вас приятно слушать!

  • @angrythunderbird
    @angrythunderbird 4 года назад +8

    Будет чем вечером заняться. Сборку галп пользую, очень удобно. Тот выпуск эпичен и очень помог. После просмотров видосов других авторов было больше путаницы, чем пользы.

  • @Ivlievs
    @Ivlievs Год назад

    Наконец-то нашел толковое практическое видео по БЭМу! Спасибо!

  • @alexsoft7073
    @alexsoft7073 4 года назад +1

    Очень интересный подход к объяснению, лайк
    Удачи во всем, надеюсь ты скоро вырвешься в топы

  • @amelany
    @amelany 3 года назад

    Спасибо! Очень полезное видео. Все оказалось проще, чем я думала.

  • @aleksius7819
    @aleksius7819 4 года назад

    любо-дорого глянуть, спасибо за твою работу, давай еще видосиков, тебе явно не хватает постоянства для развития ютуб канала.

  • @iordachidenis5026
    @iordachidenis5026 4 года назад +1

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

  • @MrSaya7777
    @MrSaya7777 4 года назад +4

    ну НАКОНЕЦ ТО!! Вадос, ну спасибо тебе большое! Спасибо что находишь время на бесплатные советы - уроки, пояснения и тд. Успеваешь и с группой и для нас. Во время карантина - работу никто не отменял, но жду новые видосы от тебя)))

    • @vadymprokopchuk
      @vadymprokopchuk  4 года назад +1

      Благодарю

    • @MrSaya7777
      @MrSaya7777 4 года назад +2

      @@vadymprokopchuk сегодня слушал одного блогера по вэбу. Ведёт группы и тд... пилит видосы - но просто не та вечерина ... ну оочень скучно, туманно. Больше скрывает.. монотонно.. Короче вообще не тот танец. Уже привык к тебе - к живым видео, пускай и на записи.. Ты хорошо прокачал скилл препода. Ты в ритме танца (; И спасибо тебе на этом.

  • @user-hg3bw9fl5w
    @user-hg3bw9fl5w 3 года назад +4

    Вы гений приятно было послушать, спасибо!

  • @kubavko
    @kubavko 3 года назад

    это бомба, понятненько становиться) только начал въезжать в эту тему. Спасибо за контент!!!

  • @dollgarden588
    @dollgarden588 2 года назад

    Круто объяснил! Я ни разу не обладаю техническим складом ума, пыталась разобраться в БЭМе несколько раз, была пересмотрена горстка видео, где объяснения были скомканными и быстрыми, уже думала, что БЭМ понимают только гении. А здесь все по полочкам, да еще и чуть юмора. Спасибо!

  • @user-sy6cl9mr6o
    @user-sy6cl9mr6o Год назад

    Спасибо тебе огромное дорогой человек за понятное и доступное объяснение простым языком такой важной темы! Но так как я только начал детально курить тему БЭМа, то еще есть некоторые вопросы и спорные моменты, но уверен с опытом все прояснится и станет на свои места.

  • @antonovichvladimir
    @antonovichvladimir 2 года назад

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

  • @user-ok4qd9is7q
    @user-ok4qd9is7q 4 года назад +2

    Джаред, анекдот дня, посмеялся в голос)
    Спасибо за видео)
    Немного показал как сразу писать код в строчку и потом разворачивать)

  • @Natalikashka
    @Natalikashka 3 года назад

    Я только учусь, ваш канал нашла недавно. Но теперь как сажусь верстать, так в голове вечеринка вашим голосом весь процесс комментирует)))

  • @YarkiiYa
    @YarkiiYa 4 года назад +1

    Вадим, спасибо. Отлично раскрыл тему

  • @oleksiikaliniushko1958
    @oleksiikaliniushko1958 3 года назад

    Видео ТОП! Искал этот материал целый день в ютубе и гугле!

  • @olshab8360
    @olshab8360 3 года назад +2

    Я прямо продирался через дебри этого БЭМа, а тут все так с юмором и понятно! Очень благодарен :) Жалко - раньше не увидел, сэкономил бы себе моск :)

  • @069681316
    @069681316 4 года назад

    Спасибо за простой язык объяснения и позитив!!!

  • @TheAwem
    @TheAwem 4 года назад +40

    Круто, Вадим расскажи что то про Git а то там такие дебри, спасибо.

  • @user-eo4rp8fd8n
    @user-eo4rp8fd8n 4 года назад

    Вадим, привет. Отличный урок , спасибо. Жду продолжения.

  • @user-wm4kp8hs8g
    @user-wm4kp8hs8g 3 года назад

    Не видео, а вечеринка просто. Спасибо за позитив, подписался

  • @user-zu2xy3nj1g
    @user-zu2xy3nj1g Год назад

    Боже мой , спасибо что я наткнулась на этот канал. Все это время я плакала что у меня не получается изучить этот проклятый БЭМ, он казался максимально непонятным( да и многие вещи тоже) ты на столько круто , весело и понятно рассказываешь , что я наконец то все поняла!!! И уроком позанималась и разобралась и от души посмеялась. Просто лучший!

  • @vasya8441
    @vasya8441 Год назад

    Самый лучший учитель в ютубе, великолепный урок.

  • @TamaraNikolaevna
    @TamaraNikolaevna 2 года назад

    Отлично! Спасибо за работу!

  • @vitalyryzhenkov958
    @vitalyryzhenkov958 4 года назад

    Круто! Очень все понятно и доступно. Однозначно ЛАЙК!!!

  • @user-if7rr4xb4u
    @user-if7rr4xb4u 3 года назад

    просто бомба. сначала читал документацию потом смотрел ролики, думал то это так запутанно, но оказалось проще простого

  • @user-ji9nk6ef3i
    @user-ji9nk6ef3i 4 года назад +2

    Спасибо. Ясно и понятно. Ценный контент

  • @user-my5nw2kg6l
    @user-my5nw2kg6l 4 года назад +3

    Спасибо огромное, после того как по занимался по этому видосу, стало понятно почему в прошлых видео с версткой так пишете, теперь пишу по БЭМ) автор дает безценные знания, и море позитива (шутки огонь :D) жду новых видосов, а пока занимаюсь по предыдущим)

  • @twomeow9904
    @twomeow9904 3 года назад +2

    Огромное спасибо за такое видео, Вадим. Подробно,по полочкам и не скучно. Не то, чтобы было лень просто читать на сайте, просто намного проще во всём разобраться по ходу дела,когда показывают как всё устроено. Есть идея для видео, может какие то прикольные штуки с css или javascript можешь показать. Ещё раз спасибо, ты самый крутой, помогаешь нам развиваться. И если можно,было бы классно,если бы ты прикрепил нам шпаргалку из видео ссылкой. Мне было бы удобно у себя открыть и в ней поковыряться чем рыскать по сайту Бэм.

  • @Viktor_Hladkykh
    @Viktor_Hladkykh 3 года назад

    Отличный ролик , как всегда на высшем уровне 👍

  • @stas9066
    @stas9066 Год назад

    Братишка, мне нравится твоя движуха. Спасибо за урок)

  • @user-xm5bi7oo8o
    @user-xm5bi7oo8o 2 года назад

    Не передать словами насколько ты приятный человек, просто лучший )

  • @user-uc9bg2tw8l
    @user-uc9bg2tw8l 4 года назад +2

    наконец-то! благодарствую

  • @yuriismakota9574
    @yuriismakota9574 3 года назад

    Интересное видео! Спасибо за труды.

  • @gio2156
    @gio2156 4 года назад

    Спасибо, единственный нормальный практический полноценный урок по бему который я нашел, лайк, но с фигмовским макетом пришлось повозиться чтобы скачать фигму и разобраться как экспортнуть

  • @nikolay-t6497
    @nikolay-t6497 4 года назад +1

    Супер видос! Просто бимба! Можно нахреновертить что и сам потом не разберёшься.
    А можно структурировано и красиво всё написать. Даже карта кода справа красиво смотрится).
    Даже опытные (в любом деле) далеко не всегда придерживаются "хороших манер".
    С таким подходом гораздо легче обучатся. Всё по полочкам и в правильном порядке.
    Мне повезло что я попал на твой канал. Уже многое пересмотрел и узнал.
    "О сколько нам открытий чудных
    Готовит просвещенья дух
    И опыт, сын ошибок трудных
    И гений, парадоксов друг."
    Лайкос однозначно.

  • @user-mt4oo4um1y
    @user-mt4oo4um1y Год назад

    Супер видео! Спасибо огромное за Вашу работу! : )

  • @zvonok78
    @zvonok78 2 года назад

    Вечеринка удалась! Молодец, суперский стиль повествования, пизитив мощнейший! )))

  • @den4ik7840
    @den4ik7840 3 года назад

    Действительно полезно! Спасибо за контент)

  • @user-fo3mr6gm6y
    @user-fo3mr6gm6y Год назад

    Информация нужная. Вернусь к просмотру еще. Спасибо

  • @igr3943
    @igr3943 4 года назад +1

    Моё уважение! Впитывается материал, как в детстве молоко матери!

  • @user-up6xd8cv4x
    @user-up6xd8cv4x 4 года назад

    Спасибо тебе добрый человек за твои видео:)

  • @alpi9683
    @alpi9683 4 года назад +4

    Як завжди топчик, дякую за те що ти робиш!!! І як завжди спершу лайк тоді дивлюсь)))

  • @user-gs5sf8ou9r
    @user-gs5sf8ou9r Год назад

    Очень здорово видеть на практике, спасибо!) Хорошо, что он довольно гибкий. В доке мозг сломать можно, а тут так понятно) Чмоки) П.С. У вас классный юмор, смотреть так еще веселее и приятнее)
    И было бы здорово вторую часть запиленную css увидеть)

  • @user-iq9ll8lz9m
    @user-iq9ll8lz9m 4 года назад +3

    Спасибо за хорошее, понятное обьяснение=)

  • @shps.online9830
    @shps.online9830 4 года назад +4

    очень круто и понятно) Большое спасибо!)

  • @dushaev_dev325
    @dushaev_dev325 2 года назад

    Благодарю за видео. А то я чуть чуть не понимал. Удачи всем кто смотрит.

  • @kirillpuzanov2008
    @kirillpuzanov2008 4 года назад +1

    Подача просто уникальна!!!!!
    Про БЭМ смотрю третье видео, и либо так совпало, что пазл в голове сложился только с 3 раза, либо автор объясняет простым интересным языком , который запоминается !!!??
    ИНФО МАЗАХИЗМ 5 баллов))))

  • @user-lt5xd2pq2b
    @user-lt5xd2pq2b 2 месяца назад

    Большой респект за легкость и простоту подачи информации!
    Шутки, сокращение нудных терминов из доки до понятного человеку языку
    Крутой канал, однозначно лайк

  • @user-er5kd2xr8c
    @user-er5kd2xr8c 3 года назад

    Большое спасибо
    Много видео смотрел но благодаря вашим видео начел верстать

  • @denpro9712
    @denpro9712 4 года назад +22

    Вадик + Контент = Эпичная вечерина

  • @user-xp3ph9ev8d
    @user-xp3ph9ev8d 2 года назад

    привет с 2021. как всегда великолепно) после просмотра и познавательно и душеньке приятно))

  • @CObaLT070
    @CObaLT070 3 года назад

    Благодарю за материал!

  • @IhorHarnyk
    @IhorHarnyk 3 года назад

    Спасибо! Все прозрачно! Хорошая вечеринка)

  • @user-yo8nx1ky5z
    @user-yo8nx1ky5z 4 года назад +1

    Вадим, СПАСИБО!

  • @elenasmirnova3549
    @elenasmirnova3549 Год назад +1

    ты отличный преподаватель, спасибо тебе!😘

  • @user-ow2hr5xk8t
    @user-ow2hr5xk8t 2 года назад

    Что не понимаю в других местах, иду смотреть у тебя на канале. Возвращайся)Спасибо.

  • @user-xm6ve3tq4k
    @user-xm6ve3tq4k 3 года назад

    Прекрасная вечериночка! Спасибо👍👍👍

  • @andreyvoytovich6392
    @andreyvoytovich6392 3 года назад

    Вадим! Отличная работа!!!!

  • @peachok3564
    @peachok3564 4 года назад

    Как же ты круто рассказываешь. Спасибо

  • @antonezhkov1219
    @antonezhkov1219 5 месяцев назад

    Спасибо, не скучно и очень полезно.