Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни

Этот дядя Женя самый лучший! Спасибо!

Почему один верный, а второй не верный вариант если они одинаковые?
<!-- Верный пример -->
<!-- Блок `about` -->
<div class=" about">
<!-- Элемент `title` -->
<div class="about__title"></div>
<!-- Элемент `subtitle` -->
<div class=" about__subtitle"></div>
</div>


<!-- Неверный пример -->
<!-- Блок `about` -->
<div class=" about">
<!-- Элемент `title` -->
<div class="about__title"></div>
</div>
<!-- Элемент `subtitle` -->
<div class=" about__subtitle"></div>

Все чітко та зрозуміло. Дякую!

Привет, а как с адаптацией?

Все очень хорошо объяснено, спасибо!

До сих пор удивляет эта способность, увидев макет, глазами разобрать его на блоки/элементы/модификаторы. Кажется, что это какая-то суперсила) Спасибо, Жень, будем учиться!

Нихрена не понял... Плюс заболела голова

подскажите как правильно настроить редактор vs code чтобы html иcss страницу форматировала правильно автоматом, а то у меня что то не правильно работает , когда удаляю пару строк html страница не подтягиваетца

лаконічно, дякую

очень полезно, спасибо что делишься своим опытом. добра тебе)

Спасибо большое вы очень помогаете 🙏🏻🙏🏻🙏🏻

Схоже що ще БЕМ ще переживе Rндекс. Тому що БЕМ потрібен, а Rндекс - ні. І це добре ❤🖤

Привет! Как же приятно учиться на таком качественном курсе!
Вопрос: вместо "margin: 0px 0px 30px 0px;" кажется понятнее написать "margin-bottom: 30px;", если отступы с других сторон больше нигде не заданы и их не надо переопределять, верно ли это?

Дякую вам за працю!

БЭМодрочеры: необходимо всё называть так: блок about, вложенные элементы about__title.
Специфичность: я для вас шутка? Может просто укажешь ".about .title" / ".about > .title".
БЭМодрочеры: нет, мы хотим выдумывать огромные названия классов, потому что потому.

Просто красень!!дуже дякую за урок!!

Только в БЭМ так жестко все завалено классами и дивами это что то с чем то) там где достаточно 10 тегов, в БЭМ их 30) А не проще верстать семантикой + дочерние, вложенные и так далее селекторы? Не кидайте помидорами, я новичок, вот и спрашиваю мнения опытных)

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

Сейчас учусь на курсах по веб-разработке и решил повторно посмотреть ваше видео по БЭМ. Теперь намного лучше понимаю как работать с методологией. В очередной раз отмечаю для себя, ваши уроки - объективно, ЛУЧШИЕ!

Спасибо, учитель 🙏

У меня классы переносятся без оператора &. Может кто-то подскажет, как переносить с оператором как в уроке.

привіт, а чому блок about саме div? можливо краще було написати article?
і чому іконки використовуються тегом img? хіба не краще використовувати background-image, якщо з ними не потрібно взаємодіяти?
і мені здається варто було використати також baseline, тому що текст ніби трошки не рівний

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

🔥

Поправка: блокам нельзя задавать ВНЕШНЮЮ геометрию, внутреннюю менять можно - тот же самый padding (главное, чтобы при этом box-sizing был border-box).

Привіт, Жека! Вивчаю фронтенд з нуля і все так добре розумію. дякуючи твоїм урокам. Це я вдруге почав вивчати. В перший було тяжко, тому що не було послідовності в навчанні. Але, на щастя, натрапив на тебе і почав знову . Щиро дякую тобі!

на 14.00 випадає стилізація тексту )

Добрый день! Спасибо за урок, очень понятно и доступно) только ссылка на файлы почему-то не работает(

Супер топ !

Спасибо большое за информацию. Очень полезно! 🙂

Я занимаюсь сам и сейчас полный "БУМ" в голове от разной информации мне по советовали по смотреть этот ролик и я доволен что хоть немного структурировал то что знаю. Удачи вам в новых проектах!

Отличный урок

Віталік сказав що круто. Віталік одобряє

Всё на дивах, прощай семантика!

Все гуд.. Но eCSStractor не верно отображает подсветку синтаксиса((

Класс😀

вау

👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻👎🏻 Zрада

Я больше всего охренел от возможностей редактора Sublime! Когда я увидел магию, что div.classname превращается в <div class="classname"></div>, я уверовал в Господа нашего Иисуса Христа, пошел в ванную налил воду и реально пошел по воде!
А видео, да, прикольно, но как и все остальное не отвечает на вопрос, а на хрена козе баян, она и так веселая?
Но Автору канала тем не менее респект, рассказывает с огоньком, слушать интересно. Лайк.

Дякую, користно. Я чула що не можна використовувати селектори по типу элемента body{margon:0 }, якщо виористовуешь БЕМ, чи так це? Тобто взагалі не можно використовувати ні які селектори , окрім класів. Чи можно міксувати?

спасибо, полезно

Автор настоящий талант, это лучшее и мега понятное объяснение БЭМ-а. Гораздо понятнее, чем документация) Особенно важна вложенность, за которой я сюда пришел, и на которой был сделан особый акцент. Большое спасибо 🤗

не знаете где найти макеты которые он использует

Дуже-дуже вдячна Вам за уроки, допомагають в навчанні!

А почему ты используешь, сначала отрицательный margin а потом padding?