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

แชร์
ฝัง
  • เผยแพร่เมื่อ 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

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

  • @vadimyatsentiuk338
    @vadimyatsentiuk338 4 ปีที่แล้ว +50

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

  • @sssbbb3768
    @sssbbb3768 4 ปีที่แล้ว +8

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

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

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

  • @igor9830
    @igor9830 4 ปีที่แล้ว +23

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

  • @dmitriyk.2462
    @dmitriyk.2462 4 ปีที่แล้ว +16

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

  • @tatyanashurinova8161
    @tatyanashurinova8161 4 ปีที่แล้ว +34

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

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

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

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

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

  • @tatianaleonova335
    @tatianaleonova335 4 ปีที่แล้ว +4

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

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

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

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

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

  • @Ultegra_
    @Ultegra_ 4 ปีที่แล้ว +7

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

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

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

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

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

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

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

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

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

  • @irinadim
    @irinadim 2 ปีที่แล้ว

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

  • @user-xg2on8ql7v
    @user-xg2on8ql7v ปีที่แล้ว +5

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

  • @user-yk5gq8ji1e
    @user-yk5gq8ji1e 2 ปีที่แล้ว

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

  • @user-nl2qw1su9y
    @user-nl2qw1su9y ปีที่แล้ว

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

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

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

  • @Jazzzzby
    @Jazzzzby 4 ปีที่แล้ว +7

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

  • @shakhboztashpulatov5225
    @shakhboztashpulatov5225 3 ปีที่แล้ว

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

  • @json_js
    @json_js 3 ปีที่แล้ว

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

  • @user-lr6ut6kf6s
    @user-lr6ut6kf6s ปีที่แล้ว

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

  • @TheAwem
    @TheAwem 4 ปีที่แล้ว +40

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

  • @angrythunderbird
    @angrythunderbird 4 ปีที่แล้ว +8

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

  • @user-uw9mr9tk5u
    @user-uw9mr9tk5u 3 ปีที่แล้ว

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

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

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

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

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

  • @user-lt5xd2pq2b
    @user-lt5xd2pq2b 2 หลายเดือนก่อน

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

  • @user-hg3bw9fl5w
    @user-hg3bw9fl5w 3 ปีที่แล้ว +4

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

  • @amelany
    @amelany 3 ปีที่แล้ว

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

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

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

  • @kubavko
    @kubavko 3 ปีที่แล้ว

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

  • @user-sy6cl9mr6o
    @user-sy6cl9mr6o ปีที่แล้ว

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

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

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

  • @069681316
    @069681316 4 ปีที่แล้ว

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

  • @aleksius7819
    @aleksius7819 4 ปีที่แล้ว

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

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

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

  • @user-zk2kd3jm3c
    @user-zk2kd3jm3c 3 ปีที่แล้ว +1

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

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

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

  • @user-ig2sj1ix5d
    @user-ig2sj1ix5d 3 ปีที่แล้ว +6

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

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

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

  • @user-eo4rp8fd8n
    @user-eo4rp8fd8n 4 ปีที่แล้ว

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

  • @user-ok4qd9is7q
    @user-ok4qd9is7q 4 ปีที่แล้ว +2

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

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

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

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

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

  • @MrSaya7777
    @MrSaya7777 4 ปีที่แล้ว +4

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

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

      Благодарю

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

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

  • @user-qf2jr4cp8o
    @user-qf2jr4cp8o ปีที่แล้ว +1

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

  • @user-ji9nk6ef3i
    @user-ji9nk6ef3i 4 ปีที่แล้ว +2

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

  • @yuriismakota9574
    @yuriismakota9574 3 ปีที่แล้ว

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

  • @user-wm4kp8hs8g
    @user-wm4kp8hs8g 3 ปีที่แล้ว

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

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

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

  • @user-cy7ox9du2h
    @user-cy7ox9du2h 4 ปีที่แล้ว +2

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

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

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

  • @Viktor_Hladkykh
    @Viktor_Hladkykh 3 ปีที่แล้ว

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

  • @user-mt4oo4um1y
    @user-mt4oo4um1y ปีที่แล้ว

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

  • @oleksiikaliniushko1958
    @oleksiikaliniushko1958 3 ปีที่แล้ว

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

  • @vitalyryzhenkov958
    @vitalyryzhenkov958 4 ปีที่แล้ว

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

  • @user-fo3mr6gm6y
    @user-fo3mr6gm6y ปีที่แล้ว

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

  • @user-nm3ls7yf2q
    @user-nm3ls7yf2q 4 ปีที่แล้ว +4

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

  • @denpro9712
    @denpro9712 4 ปีที่แล้ว +22

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

    • @vitaliy_
      @vitaliy_ 2 ปีที่แล้ว

      аминь)

  • @antonovichvladimir
    @antonovichvladimir 2 ปีที่แล้ว

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

  • @user-if7rr4xb4u
    @user-if7rr4xb4u 3 ปีที่แล้ว

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

  • @TamaraNikolaevna
    @TamaraNikolaevna 2 ปีที่แล้ว

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

  • @alpi9683
    @alpi9683 4 ปีที่แล้ว +4

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

  • @user-iq9ll8lz9m
    @user-iq9ll8lz9m 4 ปีที่แล้ว +3

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

  • @Natalikashka
    @Natalikashka 3 ปีที่แล้ว

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

  • @IhorHarnyk
    @IhorHarnyk 3 ปีที่แล้ว

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

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

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

  • @den4ik7840
    @den4ik7840 3 ปีที่แล้ว

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

  • @user-my5nw2kg6l
    @user-my5nw2kg6l 4 ปีที่แล้ว +3

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

  • @shps.online9830
    @shps.online9830 4 ปีที่แล้ว +4

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

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

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

  • @user-uc9bg2tw8l
    @user-uc9bg2tw8l 4 ปีที่แล้ว +2

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

  • @gio2156
    @gio2156 4 ปีที่แล้ว

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

  • @user-up6xd8cv4x
    @user-up6xd8cv4x 4 ปีที่แล้ว

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

  • @user-zu2xy3nj1g
    @user-zu2xy3nj1g ปีที่แล้ว

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

  • @user-gs5sf8ou9r
    @user-gs5sf8ou9r ปีที่แล้ว

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

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

    ты просто лучший! спасибо тебе большое!!!

  • @user-ow2hr5xk8t
    @user-ow2hr5xk8t 2 ปีที่แล้ว

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

  • @zvonok78
    @zvonok78 2 ปีที่แล้ว

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

  • @dollgarden588
    @dollgarden588 2 ปีที่แล้ว

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

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

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

  • @dushaev_dev325
    @dushaev_dev325 2 ปีที่แล้ว

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

  • @user-xm5bi7oo8o
    @user-xm5bi7oo8o 2 ปีที่แล้ว

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

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

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

  • @user-xm6ve3tq4k
    @user-xm6ve3tq4k 3 ปีที่แล้ว

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

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

    Спасибо за понятное объяснение

  • @user-ru8zk4ws5r
    @user-ru8zk4ws5r ปีที่แล้ว

    Класс, мне именно такое видео и хотелось найти .Очень информативно

  • @user-er5kd2xr8c
    @user-er5kd2xr8c 3 ปีที่แล้ว

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

  • @user-xp3ph9ev8d
    @user-xp3ph9ev8d 2 ปีที่แล้ว

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

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

    Спасибо за полезное видео. Я наконецто понял.

  • @ryengard
    @ryengard 2 ปีที่แล้ว

    Толковое объяснение. Спасибо.

  • @alekskirilov3254
    @alekskirilov3254 4 ปีที่แล้ว +4

    ОуОу, Гоблин в студию) Лайк за видео!