На днях в стенах ЦВТ прошел внутренний БЭМ-митап, посвященный одноименной методологии БЭМ, которую уже не первый год наши фронтендеры применяют в верстке.

Для тех, кто не сталкивался с ней, познакомиться можно здесь.

Первоначально идея митапа была достаточно проста и ясна. С его помощью планировалось улучшить навыки верстки внутри отдела, подтянуть фронтенд-новичков, пообщаться друг с другом в нерабочее время, поделиться болью при работе с БЭМ и при необходимости поспорить о методологии и ее применении.

Однако уже в процессе организации пришла идея расширить функции митапа и сделать его не только для фронтендеров, но и для бэкендеров, благодаря чему улучшить взаимопонимание в работе между этими направлениями. Об истоках такой идеи, рассказал Женя Ворожцов, фронтенд-разработчик и один из организаторов БЭМ-митапа:

«Идея провести митап совместно с бэкендерами пришла во время работы на одном внутреннем проекте, на котором я был тимлидом. Написанием кода занимался стажер-фронтендер, а помогал ему новоиспеченный Д1. На каком-то этапе у бэкендера проекта появился ряд недовольств к коду. Мы, конечно, тут же все утрясли, но мне стало понятно, что у людей „по ту сторону фронта“ много вопросов к тому, что мы делаем.

И здесь я отчасти понимаю бэкендеров. Когда-то мне приходилось самому „натягивать“ верстку, и я искал пути, как сделать это так, чтобы одновременно облегчить себе работу, не выйти за рамки методологии и не создать трудности при адаптации верстки на сервере. Чтобы минимизировать недопонимание, мы пригласили их на наш БЭМ-митап».

Так к решению о совместном митапе добавились и новые задачи для него: например, рассказать бэкендерам, что же такое БЭМ и как его «готовят» фронтендеры.

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

Трехчасовая встреча в будничный вечер состояла из доклада про БЭМ, бурных обсуждений, в ходе которых разъяснялось, на кой же все-таки фронтендерам все эти .blabla__item и .blabla__item—active .ololoclass .ololoclass—type-light, и вкусного перерыва с пиццами.

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

Федор Наумович, фронтенд-разработчик:

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

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

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

Наташа Чиркова, бэкенд-разработчик:

«Митап был фронтендерским, но ребята приглашали всех желающих. Задумка оказалась отличной. Фронтендеры не только поделились друг с другом опытом, они успели пообщаться с коллегами других специализаций и обсудить общие проблемы. Я как бэкенд-разработчик теперь лучше понимаю, что ребята считают хорошей версткой и почему. Я наконец-то выяснила зачем-нужны__такие-длинные—имена-классов. Фронтендеры, в свою очередь, стали лучше понимать, какую верстку проще и удобнее привязывать к бэкенду. Теперь нам будет легче находить общий язык!»

И подытожим. А сделаем это лучше словами Наташи Коновалой, неравнодушного и любящего своего фронтенд-команду ресурс-менеджера и второго организатора БЭМ-митапа:

«Когда в разговоре с Женей Ворожцовым родилась идея БЭМ-митапа, я была всецело „за“ по нескольким причинам.Во-первых, в отделе фронтенда любят поспорить про БЭМ, иногда даже чрезмерно. Во-вторых, у нас очень много новых сотрудников, стажеров, т.е. людей, которым надо в короткие сроки передавать весь опыт хороших практик, накопленный в отделе. И, к сожалению, в довесок к этому, периодически возникают примерно одни и те же проблемы при привязке нашей верстки к бэкенду.

Митап оказался хорошим способом убить сразу нескольких зайцев: поделиться друг с другом опытом, рассказать бэкендерам о наших подходах к верстке и послушать их мнение на этот счет.

В итоге на митапе было:

— 20 человек;

— 1 час лекции про БЭМ;

— 4 макета, которые мы обсуждали и „верстали“ вместе;

— 12 пицц;

— 1 крокодил (кто не приходил — мучайтесь теперь до конца жизни вопросом „откуда?“)

Здорово, что на митап пришли бэкендеры, и мы смогли обсудить различные нюансы БЭМ, которые могли им мешать. Думаю,что встреча оказалась полезной для всех — и для опытных фронтендеров, и для новичков, и для бэкендеров. Надеюсь, это не последняя встреча в подобном формате, ведь благодаря им появляется диалог между многими участниками разработки: мы начинаем разговаривать на одном языке, становимся профессиональнее и делаем наши продукты лучше».