KZhead

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

От 0 до 1
2020 ж. 22 Нау.
141 821 Рет қаралды
Жүктеу

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

Пікірлер

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

    @vadymprokopchuk@vadymprokopchuk Жыл бұрын

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

    @Vladikslavik@Vladikslavik4 жыл бұрын

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

    @user-cu6hg6go4c@user-cu6hg6go4c3 жыл бұрын

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

    @vadimyatsentiuk338@vadimyatsentiuk3384 жыл бұрын

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

    @amirgali17@amirgali174 жыл бұрын

    • Amirgali Turalinov благодарю

      @vadymprokopchuk@vadymprokopchuk4 жыл бұрын

    • Полностью согласен, коллега!

      @justspartak@justspartak4 жыл бұрын

    • Согласен

      @user-lf3ht2ss8q@user-lf3ht2ss8q2 жыл бұрын

    • 100%

      @user-ei6wy1ew9f@user-ei6wy1ew9f2 жыл бұрын

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

    @user-um5vk4fn6l@user-um5vk4fn6l4 жыл бұрын

    • благодарю

      @vadymprokopchuk@vadymprokopchuk4 жыл бұрын

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

    @igor9830@igor98304 жыл бұрын

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

    @Mykhailo_Vdovychenko@Mykhailo_Vdovychenko4 жыл бұрын

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

    @mikhaildevichensky6407@mikhaildevichensky64073 жыл бұрын

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

    @zendoos@zendoos4 жыл бұрын

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

    @tatyanashurinova8161@tatyanashurinova81614 жыл бұрын

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

    @ilmiragubarenko3618@ilmiragubarenko36184 жыл бұрын

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

    @tatianaleonova335@tatianaleonova3354 жыл бұрын

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

    @TamaraNikolaevna@TamaraNikolaevna2 жыл бұрын

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

    @backda@backda3 жыл бұрын

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

    @aleksius7819@aleksius78194 жыл бұрын

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

    @069681316@0696813164 жыл бұрын

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

    @CObaLT070@CObaLT0703 жыл бұрын

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

    @okla_ua@okla_ua3 жыл бұрын

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

    @user-uw9mr9tk5u@user-uw9mr9tk5u3 жыл бұрын

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

    @user-up6xd8cv4x@user-up6xd8cv4x4 жыл бұрын

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

    @jackasmile6517@jackasmile65173 жыл бұрын

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

    @kubavko@kubavko3 жыл бұрын

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

    @user-ji9nk6ef3i@user-ji9nk6ef3i4 жыл бұрын

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

    @Ivlievs@Ivlievs Жыл бұрын

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

    @YarkiiYa@YarkiiYa4 жыл бұрын

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

    @amelany@amelany3 жыл бұрын

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

    @irinadim@irinadim2 жыл бұрын

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

    @vitalyryzhenkov958@vitalyryzhenkov9584 жыл бұрын

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

    @vladayakovleva9095@vladayakovleva90952 жыл бұрын

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

    @stas9066@stas9066 Жыл бұрын

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

    @user-nl2qw1su9y@user-nl2qw1su9y Жыл бұрын

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

    @yuriismakota9574@yuriismakota95743 жыл бұрын

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

    @sad_gary@sad_gary Жыл бұрын

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

    @svhanz@svhanz2 жыл бұрын

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

    @user-hg3bw9fl5w@user-hg3bw9fl5w3 жыл бұрын

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

    @Viktor_Hladkykh@Viktor_Hladkykh3 жыл бұрын

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

    @Alina_Shhh@Alina_Shhh2 жыл бұрын

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

    @user-nm3ls7yf2q@user-nm3ls7yf2q4 жыл бұрын

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

    @user-yk5gq8ji1e@user-yk5gq8ji1e2 жыл бұрын

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

    @Ultegra_@Ultegra_4 жыл бұрын

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

    @user-uc9bg2tw8l@user-uc9bg2tw8l4 жыл бұрын

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

    @mnelenpridumivatimya@mnelenpridumivatimya Жыл бұрын

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

    @json_js@json_js3 жыл бұрын

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

    @user-mt4oo4um1y@user-mt4oo4um1y Жыл бұрын

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

    @alexsoft7073@alexsoft70734 жыл бұрын

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

    @user-eo4rp8fd8n@user-eo4rp8fd8n4 жыл бұрын

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

    @shakhboztashpulatov5225@shakhboztashpulatov52253 жыл бұрын

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

    @user-if7rr4xb4u@user-if7rr4xb4u3 жыл бұрын

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

    @user-fo3mr6gm6y@user-fo3mr6gm6y Жыл бұрын

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

    @user-lr6ut6kf6s@user-lr6ut6kf6s Жыл бұрын

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

    @den4ik7840@den4ik78403 жыл бұрын

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

    @iordachidenis5026@iordachidenis50264 жыл бұрын

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

    @user-ok4qd9is7q@user-ok4qd9is7q3 жыл бұрын

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

    @milahallmark862@milahallmark862 Жыл бұрын

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

    @alpi9683@alpi96834 жыл бұрын

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

    @user-iq9ll8lz9m@user-iq9ll8lz9m4 жыл бұрын

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

    @user-sy6cl9mr6o@user-sy6cl9mr6o Жыл бұрын

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

    @user-zk2kd3jm3c@user-zk2kd3jm3c3 жыл бұрын

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

    @olshab8360@olshab83603 жыл бұрын

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

    @oleksiikaliniushko1958@oleksiikaliniushko19583 жыл бұрын

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

    @user-qf2jr4cp8o@user-qf2jr4cp8o Жыл бұрын

  • спасибо за вашу работу

    @_pheax@_pheax3 жыл бұрын

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

    @vitaliy_@vitaliy_2 жыл бұрын

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

    @user-lt5xd2pq2b@user-lt5xd2pq2bАй бұрын

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

    @antonezhkov1219@antonezhkov12194 ай бұрын

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

    @angrythunderbird@angrythunderbird4 жыл бұрын

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

    @sssbbb3768@sssbbb37684 жыл бұрын

    • Tylsym Show благодарю)

      @vadymprokopchuk@vadymprokopchuk4 жыл бұрын

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

    @TheAwem@TheAwem4 жыл бұрын

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

    @Natalikashka@Natalikashka3 жыл бұрын

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

    @user-wm4kp8hs8g@user-wm4kp8hs8g3 жыл бұрын

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

    @sheshko_pavel@sheshko_pavel6 ай бұрын

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

    @antonovichvladimir@antonovichvladimir2 жыл бұрын

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

    @user-yo8nx1ky5z@user-yo8nx1ky5z4 жыл бұрын

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

    @user-er5kd2xr8c@user-er5kd2xr8c3 жыл бұрын

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

    @Jazzzzby@Jazzzzby4 жыл бұрын

    • Jazzzzby благодарю

      @vadymprokopchuk@vadymprokopchuk4 жыл бұрын

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

    @vasya8441@vasya8441 Жыл бұрын

  • Спасибо профессор!

    @endurenzmusic6617@endurenzmusic66173 жыл бұрын

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

    @gio2156@gio21564 жыл бұрын

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

    @ryengard@ryengard2 жыл бұрын

  • Thanks for the lesson!

    @TheBigChannel_@TheBigChannel_ Жыл бұрын

  • спасибо за подробный разбор!

    @user-nv5ec9ch8q@user-nv5ec9ch8q2 жыл бұрын

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

    @elenasmirnova3549@elenasmirnova3549 Жыл бұрын

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

    @IhorHarnyk@IhorHarnyk3 жыл бұрын

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

    @twomeow9904@twomeow99043 жыл бұрын

  • спасибо большое, все очень доступно и понятно)

    @anastasiaostapenko5042@anastasiaostapenko50422 жыл бұрын

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

    @user-xm6ve3tq4k@user-xm6ve3tq4k3 жыл бұрын

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

    @user-zu2xy3nj1g@user-zu2xy3nj1g Жыл бұрын

  • Спасибо за Лэндосик! )

    @user-wp1qb3nf4p@user-wp1qb3nf4p2 жыл бұрын

  • Очень доступно и понятно.

    @user-pn6mj9cm4y@user-pn6mj9cm4y3 жыл бұрын

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

    @dmitriyk.2462@dmitriyk.24624 жыл бұрын

    • Благодарю

      @vadymprokopchuk@vadymprokopchuk4 жыл бұрын

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

    @user-ru8zk4ws5r@user-ru8zk4ws5r Жыл бұрын

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

    @user-gs5sf8ou9r@user-gs5sf8ou9r Жыл бұрын

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

    @niceman5890@niceman5890 Жыл бұрын

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

    @user-ig2sj1ix5d@user-ig2sj1ix5d3 жыл бұрын

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

      @vadymprokopchuk@vadymprokopchuk3 жыл бұрын

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

    @shps.online9830@shps.online98304 жыл бұрын

    • круть=)

      @vadymprokopchuk@vadymprokopchuk4 жыл бұрын

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

    @dushaev_dev325@dushaev_dev3252 жыл бұрын

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

    @milestellerteller3354@milestellerteller33544 жыл бұрын

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

    @igr3943@igr39434 жыл бұрын

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

    @MrSaya7777@MrSaya77774 жыл бұрын

    • Благодарю

      @vadymprokopchuk@vadymprokopchuk4 жыл бұрын

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

      @MrSaya7777@MrSaya77774 жыл бұрын
KZhead