БЭМ - простыми словами. Часть 2

[@ЮсуповРамиль-р3ц]

Благодарю ! Очень грамотно, просто и эффективно заходит от Вас полезная информация! Успехов и процветания! Однозначно подписка и лайки

[@alex_dudukalo]

Спасибо большое за ваш комментарий и подписку🤗 ваша поддержка очень важна! Надеюсь и другие видео канала будут вам полезны))

[@benzin-n4s]

2 ролика по БЭМ на одном дыхании, спасибо!

[@alex_dudukalo]

Рад, что вы посмотрели и еще оставили комментарий :) Спасибо

[@НаталияЧамарова]

Полезное, замечательное видео! Жду практику по БЭМ

[@alex_dudukalo]

Спасибо вам :) Да, готовлю большое видео с версткой сайта, БЭМ и адаптивностью :) Будет интересно.

[@ЕленаПолякова-ю5р]

Благодарю за вашу работу, все очень понятно и интересно объясняете!!! Жду практику по БЭМу!!! С удовольствием посмотрю!

[@alex_dudukalo]

Спасибо за ваш комментарий. Я рад, что видео вам понравилось. Да, по практике БЭМ готовится большое видео :)

[@vhsru]

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

[@alex_dudukalo]

Спасибо ☺ надеюсь и другие видео канала будут вам полезны))

[@vhsru]

@@alex_dudukalo это видео просто было наиболее актуальным для меня в данный момент )

[@ДмитрийПешнин-з7у]

самый шикарный урок по БЭМ (включая первый) :) А еще модификаторы, вроде бывает, что пишутся через два дефиса)

[@ruzzzm]

через два дефиса пишут в Европе, по мне так это лучше

[@VictorKaryukin]

Александр, спасибо за Ваш труд! В изложенном Вами материале методология БЭМ раскрыта простыми и понятными словами и примерами. Теперь писать читаемый и упорядоченный код станет проще. С удовольствием посмотрим видео с практикой по данному материалу. Желаю дальнейших успехов в продвижении канала и профессиональной деятельности!

[@alex_dudukalo]

Спасибо 😊 ваша поддержка очень вдохновляет 🔥

[@kosmonavt980]

супер!!! огромное спасибище, Александр!

[@alex_dudukalo]

Спасибо вам за комментарии :)

[@andrew_tt]

Большое спасибо! Очень понятно и информативно! Да, нужна практика и по БЭМ) Так рад, что нашел ваш канал!!!

[@alex_dudukalo]

Спасибо за ваш комментарий🤗 про практику тоже рассматриваю, оставайтесь на канале 😎

[@manageridea]

Месяц назад объявил свой первый див в Vs code. Когда наткнулся на вашь канал, подпрыгнул от восторга. Теперь учиться будет еще проще вместе с вами. 🎉🎉

[@OlgaVO]

Александр, ну как же вы понятно все объясняете, я теперь про грид поняла в одном видео. И про БЭМ, записывайте и видео практики и про before after

[@alex_dudukalo]

Спасибо большое за ваш отзыв, очень приятно читать☺, только добрался до комментариев, обязательно запишу практику по бэм и видео про before after, спасибо вам!))

[@alexgrinberg1888]

Алекс, вы очень доходчиво и подробно объясняете. Я веду команду JS разработчиков где мы испытывали трудности в определении и упорядочении оберточных CSS классов компонентов. Решение было применить стили по БЭМ. Но никто не знал как точно ими пользоваться. Нашел твое видео и просто глаза открылись. Я уже вижу где команда использует ВЭМ неправильно и планирую исправить ошибки, ну и естественно подтянуть команду в знании по БЭМ используя твою методику обучения. Выпускай больше видосов по верстке, стилю, ну и вообще фронт энду! Ты молодец! Жду новых видосов!

[@alex_dudukalo]

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

[@влак-м2с]

Спасибо большое!! Очень помогли в учении бэм.

[@alex_dudukalo]

Я рад, что видео было полезным :) Спасибо за ваши комментарии :)

[@TuTaH09]

Большое спасибо за серию роликов про БЭМ! С нетерпением жду продолжение!))

[@alex_dudukalo]

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

[@НикитаСмирнов-ъ2п]

Большое спасибо за видео, как всегда все на высоте)))) Ждём практику по БЭМу)))) 🔥🔥🔥🔥🔥

[@alex_dudukalo]

Спасибо за Ваш комментарий🤗 рад, что видео вам полезны

[@krashovotv4437]

Видео,как и другие, очень понятные, Вы очень хороший преподаватель! В видео говорится,что будет ещё одно видео с практикой, жду!

[@alex_dudukalo]

Спасибо большое, очень приятно читать. Надеюсь, получится развивать эти навыки. Да, в этом месяце планирую записать третий ролик :) Длинный конечно получится, но надеюсь будет полезно.

[@vladkior1567]

Спасибо! Круто объясняете, жду видео с адаптивной версткой по БЭМу!

[@alex_dudukalo]

Спасибо вам :) Обязательно сделаем. Будем большое видео с практикой верстки по БЭМ

[@a.k.9386]

Спасибо большое за урок. Ждем по псевдоэлементам!

[@alex_dudukalo]

Спасибо вам :) Ставлю в план видео

[@nephrosis6110]

Подача материала пушка, автор почаще подобных роликов, спасибо!

[@alex_dudukalo]

Спасибо за обратную связь 🤗 рад, что видео вам понравилось, оставайтесь на канале 😎

[@raritetnayaplenka]

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

[@Path_to_Success-6]

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

[@alex_dudukalo]

Спасибо 🙈 ваша поддержка очень мотивирует 🤗

[@kiraobukhov]

Спасибо за видео, все очень понятно. Жду следующее видео по практике БЭМ.

[@alex_dudukalo]

Спасибо за ваш комментарий🤗 оставайтесь на канале, чтобы не пропустить продолжение 😎

[@ВладосТверской]

Отлично, все понятно и наглядно. Спасибо Александр

[@АртёмПирогов-ъ3з]

Лучшее видео по БЭМу, все понятно, жду видео с практикой.

[@alex_dudukalo]

Спасибо 🔥 в ближайшее время планирую снять))

[@solar_inside]

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

[@alex_dudukalo]

Спасибо 😊 ваша поддержка очень мотивирует

[@Микуля-ж3ы]

Спасибо большое! Куда как понятнее, чем в любом другом источнике. Только благодаря Вам выяснила, что тучу времени верстаю неправильно))

[@alex_dudukalo]

Спасибо за обратную связь 🤗 надеюсь и другие видео на канале будут вам полезны))

[@PioneerWhoDreams]

Понятный и простой урок, хотелось бы увидеть видео с практикой !

[@alex_dudukalo]

Спасибо за отзыв, оставайтесь на канале, чтобы не пропустить продолжение 😎

[@Leha_Andr]

Добил кол-во лайков до сотки ;) Спасибо за видосы по бэм!!!!

[@alex_dudukalo]

Спасибо 🔥 ваша поддержка очень важна!))

[@fishingeattravel3392]

очень даже норм! всё доступно и понятно! Спасибо!

[@alex_dudukalo]

Спасибо вам 😇

[@user-hq4zh1ov5k]

Спасибо. Преподавание - это Ваше.

[@trampai]

Оба видео супер! Посмотрел, понял)

[@lawreporter]

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

[@alex_dudukalo]

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

[@Ivan_Rusakov_24]

Видео супер!!! Продолжай в том же духе👍

[@ОлуксійСергіїович]

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

[@ndrewhas]

Для продвижения. Посмотреть практику с адаптивностью было бы интересно. Еще интересно узнать какие проблемы или недостатки есть у бэм (если они есть) и как они решаются

[@alex_dudukalo]

Спасибо вам за помощь :) Да, конечно недостатки есть. Одни из них - длинные названия классов (обойти можно, сокращая слова, но теряется читаемость кода) - в маленьких проектах смотрится громоздко ( можно не использовать БЭМ в простейших проектах) - не всегда прост в освоении :)

[@andreyfedyukin8360]

Супер 👍 Смотрим 😊

[@alex_dudukalo]

Спасибо 🔥🔥🔥

[@ВладимирВиноградов-щ1к]

Спасибо! Кое-что новое понял. Сегодня применю

[@alex_dudukalo]

Спасибо за отзыв, рад, что ролик оказался вам полезен!) оставайтесь на канале 😊

[@Эдуард-п2у]

Спасибо. Хорошо объяснил тему :)

[@robot9399]

Огромное спасибо! Крутое видео, всё просто и понятно

[@alex_dudukalo]

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

[@СтаниславГорячев-г1ъ]

Спасибо, отличная практика

[@alex_dudukalo]

Спасибо за ваш комментарий 🤗

[@furgos6611]

Как же все понятно стало ❤

[@alex_dudukalo]

Рад, что вы узнали что-то новое 🤗 спасибо за комментарий))

[@m_mazaixin]

Очень познавательное видео, а самое главное понятное новичку. Хотелось бы стрим-практику

[@alex_dudukalo]

Обязательно сделаем или ролик или стрим по практике, пока думаю над форматом😊надеюсь вам понравится!) спасибо за ваш комментарий🔥

[@СемёнЛебедев-ц3ы]

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

[@alex_dudukalo]

Спасибо вам :) Да, уже готовлю такой ролик. Будет интересно узнать ваше мнение о нем. Готовлю к публикации )

[@relaxdeepsleepmusic3608]

Интересная тема, вечерком обязательно посмотрю 👍

[@alex_dudukalo]

Спасибо, надеюсь вам понравился ролик 🤗

[@Tilda_Practice]

Спасибо, было бы классно если Вы запишите видео по приложению TODO, что бы над списком дел добавьте кнопку переключения используемого хранилища. Нажатие на кнопку должно приводить к перезагрузке приложения с другим хранилищем. Если использовалось локальное хранилище браузера, то происходит переключение на сервер с API, и наоборот. Надпись на кнопке должна меняться соответственно на «Перейти на локальное хранилище» или «Перейти на серверное хранилище». По умолчанию используется локальное хранилище. Дополнительно (по желанию). При работе с модулями можно пользоваться так называемыми динамическими импортами, которые позволяют загружать код модуля в тот момент, когда он становится нужен. Механизм довольно простой и похож на уже знакомый вам fetch, так как он тоже асинхронно загружает ресурс.😊

[@alex_dudukalo]

Да, я давно планирую записать такой ролик. Насколько я понял, вы имеете в виду оно из заданий. Skillbox. Думаю, что подобное запишу. Но для начала разберу тему импортом, модулей и динамических импортов. Будет интересно :)

[@БорисМедведев-ф4р]

​@@alex_dudukaloда верно

[@АлексейАлексеев-к1ю2ж]

Уроки супер, продолжай.

[@alex_dudukalo]

Спасибо 😊 ваша поддержка очень мотивирует

[@АлексейАлексеев-к1ю2ж]

Хотелось увидеть уроки по DOM@@alex_dudukalo

[@КаренСтепанянц-и2г]

Огонь 🔥 спасибо! Сверстай пожалуйста страничку по методологии бэм с использованием какого-нибудь препроцессора 😊

[@weepie9103]

Все очень понятно, thx!

[@АртемФролов-п8р]

Супер понятное объяснение 👍 Александр, не думали про видео верстки с помощью Gulp да еще и с БЭМ?

[@alex_dudukalo]

Артем, спасибо за ваш отзыв. Очень приятно. Да, обязательно сделаю видео верстки со сборщиком. Это важная и актуальная тема :)

[@eugeniotur]

Спасибо за ваш труд, если возможность записать урок про адаптивность и другие новшества в css.?🙃

[@РенатаАндросова]

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

[@alex_dudukalo]

Спасибо за ваш комментарий 🤗

[@relaxdeepsleepmusic3608]

Интересно посмотреть видео с практикой и видео про before и after!

[@alex_dudukalo]

Обязательно запишу такой ролик, спасибо за ваш комментарий😊 извините за долгий ответ

[@ДмитрийК-щ9о]

Спасибо было очень интересно ! А не большой вопрос: Одно нижнее подчеркивание для модификатора, это принцыпиально ? Или можно поставить просто дефис ? Про псевдо элемент тоже интересно посмотреть.

[@alex_dudukalo]

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

[@ЮляСолнце-ь2у]

Спасибо огромное!!!! ❤❤❤❤❤

[@alex_dudukalo]

Спасибо за ваш комментарий☺ надеюсь и другие видео канала будут вам полезны😊

[@ЕвгенийСеменов-н6н]

спасибо огромное!!!

[@alex_dudukalo]

Спасибо за ваш комментарий 😊

[@shprints84]

Большое спасибо за интересное видео. Такой вопрос: зачем делать два модификатора для элемента звезды, когда можно сделать один? То есть вместо rating_size_s → rating_size-s? Ведь просто rating_size в ролике никак не стилизуется, т. е. не используется.

[@alex_dudukalo]

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

[@shaman8016]

Доброго времени суток.Спасибо за ваше видео. Можете показать как добавить товар в избранное, что бы отображение карточки было на отдельной странице сохранялось в localStorage или cokkie. Без бэка на нативном JS?

[@alex_dudukalo]

У меня есть видео, которые могут вам помочь разобраться: kzbin.info/www/bejne/q4eYkJKtp6pofc0 kzbin.info/www/bejne/l3S6coyNrt6graM Обязательно их посмотрите, там я показываю как работать с JSON, ls и как сохранять данные в виде массива. Но я думаю я запишу предлагаемый вами ролик :) Спасибо за приятный комментарий :)

[@shaman8016]

@@alex_dudukalo Спасибо за совет. Обязательно посмотрю.

[@gm_Maker]

Случайно нет курса на юдеми? Очень понятно объяснил 😊

[@alex_dudukalo]

Спасибо :) Я рад, что ролик понравился. Я думал и думаю о юдеми и других платформах. Возможно приду туда, но до этого хочется хорошо изучить эти прощадки :)

[@strohmeyerkonstantin]

Большое спасибо! Можете, пожалуйста, сказать название вашей темы и шрифта?

[@alex_dudukalo]

Спасибо за просмотр видео, я использую тему Monokai. Шрифт из этой темы :)

[@ВиталийРябенко-з1ь]

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

[@alex_dudukalo]

Спасибо за ваш комментарий🤗

[@Amio-0_93]

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

[@ruslankham8235]

Спасибо за урок! 2 вопроса: 1. Не совсем понял про роль тире в названии классов (когда его можно ставить и сколько раз в одном классе можно использовать). 2. Зачем нужен был UL и LI, нельзя было просто гридами обойтись? есть блок грид и есть его элементы, которые располагаем как нам надо... Для чего список то?

[@TeomunMete]

Спасибо 🎉🎉

[@alex_dudukalo]

Спасибо за комментарий 🔥

[@typhoonx04]

Спасибо за ролик, Александр, как я знаю, вы любите Vue, не хотели бы сделать курс по Vue3 на Composition API + TS и например Pinia? Сейчас спрос на Vue очень сильно растет Я думаю это было бы очень круто!

[@alex_dudukalo]

Спасибо за ваш комментарий. Да, я очень хочу сделать курс по Vue, действительно нравится эта тема. А данный момент работаю над курсом по JS. Как раз он и будет готовить к курсу по Vue. После JS хочу приступить к фреймворку 😇 согласен, он набирает обороты и обучающий материал становится все более востребованным 😇

[@ДмитрийКузнецов-е4й6я]

@@alex_dudukalo ооо буду ждать, очень нравится подход к роликам и объяснения

[@Aldikjo]

Классное видео!

[@alex_dudukalo]

Спасибо за ваш комментарий)))

[@the.lightfall]

Приятное видео. Хотя жаль, что модификаторы не пишут через --modificator аля menu--faded, menu__link--active и т.д. на постоянной основе. Вроде такое позволительно, но все равно 50% видео говорят (и даже не упоминают) такой стиль, оглашая лишь block__element_modificator

[@alex_dudukalo]

Рад, что вы посмотрели и оставили мнение :) Очень приятно. Да, в видео я не сказал, но модификаторы так же можно писать в такой стилистике --modificator. Это не будет ошибкой :)

[@alex_dudukalo]

Рад, что вы посмотрели и оставили мнение :) Очень приятно. Да, в видео я не сказал, но модификаторы так же можно писать в такой стилистике --modificator. Это не будет ошибкой :)

[@sam_starikov]

Четко 👌🏻

[@alex_dudukalo]

Спасибо 🔥

[@nouchance]

Спасибо!

[@alex_dudukalo]

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

[@ktozdes72]

Модификатор еще так называют: блок__элемент--модийикатор 😊

[@alex_dudukalo]

Да-да. Так тоже можно называет, согласен :) Но, желательно придерживаться одно общей стилистики :)

[@СергейАндриюк-ч2ш]

Нижнее подчеркивание для модификатора, VSC не принимает, подчеркивает волнистой линией, пишет предупреждение и предлагает исправить на дефис. Прокомментируйте пжл.

[@alex_dudukalo]

Как видите в моем VS Code модификатор не выделяется красным. Возможно у вас установлено расширение какое то?

[@ЧынгызДжумадылов-о5я]

💯

[@vladimiriv77]

👍

[@alex_dudukalo]

😊🔥

[@ОлуксійСергіїович]

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

[@Youmakes]

🤩

[@alex_dudukalo]

Спасибо 🔥

[@ОлуксійСергіїович]

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

[@KIREKSSHOW]

*More PRACTICE*

[@alex_dudukalo]

Планируется 😊 спасибо за обратную связь

[@alexandrs.1706]

Спасибо большое! Случайно наткнулся на Ваш канал. Видео на высоте! Лайк+подписка!

[@alex_dudukalo]

Спасибо 🤗 ваша поддержка очень мотивирует🔥 надеюсь и другие видео канала будут вам интересны))