БЭМ-чеклист

Существует ли формализованный список по которому можно проверить качество вёрстки по БЭМ?

Я буду читать две лекции по БЭМ для junior-разработчиков внутри EPAM и давать домашнее задание. Потом нужно будет оценить качество его выполнения, выставить оценки. Эти оценки непосредственно будут влиять на их перспективы на работе. Слушателей будет около 100 человек, критерии должны быть простые и понятные.

Я пока вижу такой вариант: Задание:

Сверстать (вручную, BEM CSS) каркас страницы по заданному дизайну — на выходе страничка
Внести правки:
переместить какой-то блока между холдерами
отредактировать какой-то блок
удалить какой-тоблок
вставить сторонний блок

Критерий оценки:

Ничего не должно развалиться
Верстка должна соответсвовать неким критериям.

Критерии

Можно четко выделить блок, элемент и модификатор в именах (https://twitter.com/harisov/status/716160112486977540)
… Ваши предложения, мнение?

8 years ago

tadatuta

@ihorzenich Часть проверки можно переложить на роботов с помощью bemhint: https://github.com/bemhint/bemhint-css-naming

8 years ago

qfox

@ihorzenich

Проверять не забыл ли человек написать класс блока/элемента, написав при этом класс модификатора — плохая затея: если хотел так делать, лучше не надо. Есть автогенерация, линтеры, и человек не об этом должен думать, об этом вполне заботится машина.
Проверять насколько правильно блоки и элементы вложены друг в друга и почему — здесь нет четких критериев хорошести, различные решения могут быть хороши в одних случаях и плохи в других: лучше узнавать причины того или иного решения и оценивать ход мыслей, задавать наводящие и отводящие вопросы, и разбирать ошибки.
Очень полезно оценивать как и зачем люди используют примешение одних сущностей к другим — это позволяет взглянуть на гибкость мысли и чаще всего выделяет кандидата.
Ну и про добавить/удалить блок — это задача про независимость, верстка может и не разъехаться, но блок не будет независимым, я бы запускал линтеры и смотрел код глазками. Если что-то разъезжается — это, конечно, совсем плохо, но даже если не разъехалось сразу — это ничего не гарантирует.

Чтобы оставлять комментарии, необходимо авторизоваться.