Мастер-класс наоборот на Yandex BEMup

6 сентября Яндекс провел необычный мастер-класс BEMup. Я решил променять сон на знания и обязательно его посетить.
Рассказываю, как это было.

 

 

1

Организаторы встречи пошли на эксперимент.
В традиционном понимании мастер-класса докладчик показывает последовательность действий, которые приводят к желаемому результату. Здесь же было предложено всем участникам самостоятельно, используя практически полный стек технологий БЭМ, получить результат, продемонстрированный в самом начале. Конечно же, под присмотром опытных разработчиков Яндекса - Евгения Константинова и Дмитрия Белецкого.

Итак, берем ноутбук, устанавливаем Node.js и в путь:
git clone github.com/bem/do-it-yourself-workshop
Запустим проект:
node bfs-workshop.js

2

На втором шаге возникла проблема прав, а также потребовалась установка вручную Yeoman и Grunt. Остальные пакеты установились при проверке зависимостей npm i.

3

Запускаем генератор проекта:

4

Все последующие шаги прошли как по-маслу, максимум важной информации было вынесено в описания заданий, а также осталось немного места для самодеятельности.

5

6

В результате пощупали все СВОИМИ руками: погрузились в тему БЭМ методологии, попробовали BEMJSON, BEMHTML, модульную систему Ymodules, i-bem и BEMDOM, а также поняли, зачем нужны BEM-события.
И самое главное: выполнив задания, мы получили форму поиска по твитам (агрегатор социальных сетей):

7

 

Спасибо организаторам за отличное мероприятие! Было действительно очень круто!

Полезные ссылки:
1. BEMup, мастер-класс наоборот
2. Репозиторий с заданиями
3. Документация


Координационный
совет SPECIA
Санкт-Петербург,
8-я Красноармейская ул., д.10