Привет,

С 14 по 16 ноября в Москве прошел первый Хакатон по БЭМ. От идеи до реализации прошло немало времени, и мы спешим поделиться с вами всем, что до, после и во время мы вынесли из этого мероприятия и что планируем в будущем!

Немного истории

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

Полтора года назад мы стали уходить от формата конференций и решили встречаться на небольших митапах по БЭМ. Назвали мы их BEMup’ы и с тех пор провели шесть встреч: в Москве, Питере, Минске. Митапы дали нам многое: простоту общения, встречи с людьми, которые пользуются технологией, возможность поговорить с каждым и познакомиться, узнать разработчиков сообщества в лицо, обсудить реальные проблемы в каждом конкретном продукте, не лимитировать время на вопросы после докладов из-за огромного количества и невозможности ответить каждому.

В программе мы постепенно стали переходить от простых рассказов к живым демонстрациям и мастер-классам, приглашать более продвинутых ребят, помогать новичкам онлайн в чате и дотягивать всех до прохождения заданий до конца. Со временем мы поняли, что можно идти дальше. Количества знающих полный стек технологий хватит на Хакатон, и мы наконец-то можем его провести. «Глаза боятся, руки делают», как говорится. Мы придумали задания, выбрали дату, открыли регистрацию и собрались с духом. Даже если не получилось бы на все сто, мы в любом случае получили бы опыт, с которым можно было бы двигаться дальше.

Однако, вы удивили нас результатами!

Как это было

Пара слов о формате Хакатона, который мы придумали, исходя из логики поведения на площадке и задач, и том, как все было.

Хакатон был двухдневный с захватом пары дней накануне — один для знакомства до и один для спокойного отъезда после. Участники приехали в пятницу, мы познакомились, поговорили про программу, показали Яндекс, поужинали все вместе в столовой и разошлись отдыхать.

Утро субботы началось в 9:00 с завтрака на площадке, представления проектов (здесь каждому ментору нужно было рассказать про проект и собрать как можно больше ребят в команду, чтобы начать работать над задачами и успеть в срок) и формирования команд (каждый участник теперь мог выбрать только одну команду).

Когда все было закончено, перед нами было 8 команд из 12, которые приступили к работе над проектами. Впереди у них было чуть больше суток. Знакомство, обсуждение задач, сроки, планы, промежуточные результаты на импровизированном канбане — все это было. В каждом уголке нашего коворкинга можно было встретить группы людей, которые что-то обсуждали, чертили схемы на маркерных стенах, писали код, иногда без сил уходили отдохнуть в гамачную :)

В воскресенье после обеда команды презентовали свои проекты и результаты работы. Цель на два дня была довести дело максимально близко до продакшена. Работа многих команд была закончена на 75-80%, и в будущем мы постепенно будем выкатывать результаты на bem.info и писать об этом в наш блог.

Успешное завершение проектов отметили книгами от издательства «Манн, Иванов и Фербер», подарками от Яндекса, веселым смехом, фотографиями на память и совместным ужином!

Главная цель была не побороться за осязаемые призы, а поработать вместе над тем, что сможет обогатить сообщество БЭМ и помочь другим проектам. И кажется, достичь этого у нас получилось!

Немного статистики

О Хакатоне мы объявили за 2,5 месяца до его проведения. Это большой срок для регистрации на мероприятие. Однако, без него было не обойтись. Участникам нужно было пройти отбор, показать свой проект на БЭМ или же выполнить задание, нам — разобраться в коде, запросить недостающее или начать общаться с потенциальными участниками. Принять и привезти, купить билеты до Москвы и обратно, решить вопрос с проживанием. Менторам проектов нужно было обдумать задачи и цели, спланировать работу в команде, предположить вопросы и найти заранее ответы на них. В общем, не скучали.

В итоге у нас было 34 заявки на участие. По результатам рассмотрения 23 приглашения мы отправили и 15 участников к нам пришло. Пятеро участников приехали из других городов. География была следующая: Москва и Московская область, Санкт-Петербург, Оренбург, Воронеж, Екатеринбург. Коллеги тоже проявили интерес и пришли писать код на равных. 13 разработчиков Яндекса были с нами в командах. Командами руководило 14 менторов (в некоторых больших командах менторы работали в парах), четверо из которых были не из Яндекса.

Работать на Хакатоне, как вы знаете, можно было в проектах. Проектов набралось 12. 7 из них придумала команда БЭМ, 5 — разработчики сообщества.

В итоге работали над восьмеркой:

• Блоки
• Модульная сборка БЭМ-проектов
• БЭМ-форум
• Приборная панель
• Документация
• Сервис картинок с подсветкой синтаксиса на БЭМ
• MaximeOnline: система управления контентом
• Приложение под Smart-TV

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

Впечатления от проекта

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

Результатами опроса после Хакатона мы также хотим с вами поделиться!

Итак, в опросе приняли участие как менторы, так и участники. Примерное соотношение 40/60. 100% ответивших довольны своими командами, менторами, участниками. Чуть меньше 100% также довольны уровнем подготовки. Надо сказать, тут мы четко отбирали ребят на этапе регистрации, рассказывая про каждый проект и требования к участникам, ведь на Хакатоне нужно было писать код, а не учить JS.

Мы волновались, но практически все довольно быстро справились с планированием работы и распределением задач и не потратили на это очень много времени. Планировало большинство команд тоже вместе. По итогам, 80% оценивают свою работу как «реализовали все задуманные и спланированные задачи».

Формат Хакатона понравился, был удобен и оптимален. Хотя были и те ребята, которые пожелали начинать чуть позже, оставаться спать на площадке, работать дольше двух дней или вообще не уходить. Мы к вам обязательно прислушаемся в будущем!

Поскольку большинство проектов на первый Хакатон придумывали мы с командой, нам также было интересно узнать, находят ли участники наши идеи полезными для всех и интересными для реализации. 90% ответивших считают их интересными. Мы этому очень рады, но в будущем очень просим ребят приносить как можно больше своих проектов и идей, чтобы мир БЭМ полнился разными разработками!

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

Пожелания на будущее от ребят к нам и к будущим участникам такие:

• Прокачать свои знания, чтобы не тормозить команду
• Заранее настроить окружение, чтобы не тормозить команду
• Продумать архитектуру проекта заранее, чтобы не терять время
• Оценить уровень сложности задач, нужное количество людей, сроки исполнения, спланировать и разбить при надобности задачи на подзадачи, чтобы не терять время
• Делать Хакатон с проектами разной сложности — для новичков, пилим полезное и пилим клевое
• Делать проекты на полном стеке
• Если будет избыток идей, провести предварительное голосование проектов, исключить невостребованные, дабы укомплектовать команды по человек 5 для полноценной реализации задуманного
• Искать больше внешних проектов

Некоторые ответы хочется процитировать:

«Любой Хакатон — это в первую очередь атмосфера творчества и такого здорового соперничества, поэтому в будущем хотелось бы видеть больше оригинальных проектов именно от внешних участников».

«Хочу отметить, что отбор был хорош и никому про БЭМ объяснять не пришлось. Идеально было у команды «Блоки»: каждый блок — отдельная задача, проект уже настроен, уже есть какие-то примеры других блоков и формата. В итоге каждый взял себе задачу по силам и сделал что-то, что можно было презентовать. Конечно, одна большая задача интереснее, чем много маленьких, но с 8-10 часами чистого времени это было идеально».

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

«В будущем необходимо больше самостоятельных проектов. Таких, как был у ребят, которые делали проект «Картинки»».

«Хакатон по БЭМ у нас прошел квази-круто! Но вот кажется, что на будущее не стоит закладываться под проекты не про написание блоков. Я думаю, людям, не знающим кишки, проекты вроде моего (bem-ide) и Андрея (сборка) вообще не интересны :(»

«Я хакатоновая нимфоманка. Люблю хакатонить и ничего не могу с собой поделать. ^_^»

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

Первый респондент сетует на наличие проекта, суть которого была непонятна после презентации, на то, что ментор «2 дня протусил, в конце показал несколько слайдов и сказал, что все готово. Но по факту мы не увидели НИ-ЧЕ-ГО. Никакого результата работы». Он советует нам избегать таких неоднозначных проектов. Мы разделяем такой взгляд на работу и в будущем точно будем приостанавливать подобные действия. В первый раз мы больше надеялись на сознательность, собственную заинтересованность участников и правила, которые мы огласили для всех — «если к вам не присоединился никто, и вы скорее не закончите проект за 2 дня, то вам стоит помочь другой команде делать общее дело». После напоминаний, вопросов и советов присоединиться к другим командам, мы решили не заставлять ребят и посмотреть, что выйдет. В будущем будем строже.

Второй человек сетует на следующее: «Получилась достаточно печальная ситуация: единственные две команды извне, которые попытались что-то сделать, получили по 0 голосов обе. Можно было бы их как-то поддержать. Идеи были более-менее норм, не хватило технических навыков и умения продавать. Писать блоки и развивать уже существующие проекты – странная идея для Хакатона».

Тут хочется полностью не согласиться. Хакатон задумывался как проект для сообщества, где мы вместе сможем сделать и обязательно отдать в опенсорс вещи, которые помогут многим разработчикам. Из восьми проектов Хакатона половина была как раз про это — Блоки (которые нужны всем), Сборка (модули для внешних сборщиков, чтобы удобно собирать проекты на БЭМ), Документация (к технологиям для всех) и Форум (где общение про БЭМ происходит). Эти команды набрали большинство участников как раз из сообщества. Следом шли внешние проекты, которых тоже было четыре — Приборная панель, Картинки, Maxim и SmartTV. По результатам голосования Приборная панель вышла на первое место с 11 голосами, Картинки разделили 4 место с командой Документации. Maxim и SmartTV набрали по 0 баллов. Да, это может быть неприятно, но вряд ли необъективно, ведь как мы помним, голосовали за проекты все участники и по итогам презентаций проектов. Результаты написанного и представленного на Хакатоне у ребят были сильно ниже результатов остальных команд. Остается пожелать этим командам лучше планировать задачи, лучше готовиться к презентациям, больше работать над проектом во время Хакатона или же вступать в другие команды. В этом есть свой смысл — вы узнаете больше, прокачаете практические навыки, сделаете большое дело для сообщества, принесете пользу многим разработчикам.

На Хакатоне не было призов как таковых. Планируя его, мы думали, что нас должна двигать идея сделать мир БЭМ лучше. Считаете ли вы также как мы? Оказывается, да. Многие разделили точку зрения «Можно вообще без призов, я рад внести вклад в общее дело» и «Поощрительных призов достаточно». Однако, мы попробуем в будущем поощрять вас больше и чаще.

Спасибо вам за идеи и то, для чего вы пришли на Хакатон!

Мы очень обрадовались тому, что большинству важно

• Обменяться знаниями и опытом
• Научиться писать блоки правильно
• Получить знания оперативно, в процессе работы и от опытных и крутых разработчиков
• Познакомиться, пообщаться с ребятами
• Получить ответы на вопросы про БЭМ и внести свой вклад в разработку
• Узнать перспективы дальнейшего развития и планы
• Глубже погрузиться в БЭМ, создать контакты с сообществом
• Поучаствовать в реальных БЭМ-проектах
• Посмотреть, как справляются другие команды
• Научиться управлять рабочим процессом

Кто-то из вас написал нам, что «научился искать ответы на вопросы по i-bem.js, попробовал писать всякие тесты, получил ценные замечания по стилю кодирования, научился обращать внимание на те вещи, на которые ранее в процессе разработки просто забивал. Благодаря Хакатону понял, что нужно подтянуть в плане знаний, а так же определился с вектором профессионального развития на ближайший год, а то и два. Куда ни плюнь, а везде вынес для себя кучу пользы. Плюс доделал до конца свою часть работы, хоть она была и маленькой и очень лёгкой для матерых разработчиков».

Это круто!

Послесловие

В качестве последнего слова этого поста хочется привести еще немного ваших эмоций. Ведь именно они сделали наши выходные!

«Было очень душевно и интересно. Отдельное спасибо коллегам из команды БЭМ-форум! Жаль, не смог быть с вами на второй день. Обязательно приглашайте еще, буду с удовольствием посещать другие БЭМ-мероприятия. Ждите новых pull-request-ов! Очень хочется увидеть результат работы в продакшене! Всем удачи и добра!», — Юра Малахов.

«Спасибки :) Очень круто было посмотреть, как вы все сделали очень крутые вещи всего за 2 дня», — Коля Мендяев.

«Вы замечательны! А еще идея с ачивками - супер!», — Паша Ахметчанов.

«Это был лучший Хакатон! Спасибо», — Женя Соловьев.

«Спасибо за Хакатон! Даешь каждый квартал!», — Леша Ярошевич.

«Больше всего запомнилась хорошая, дружелюбная, душевная атмосфера на площадке, которая способствовала новым интересным знакомствам и активному обмену опытом. Все было отлично организовано. Чувствовался командный дух БЭМа — все стремились создать полезные и оригинальные проекты. Было много клевых идей и много клевый людей! В командах чувствовалось слаженное взаимодействие, поддержка и желание довести свой проект до хорошего уровня. При этом конкуренция была здоровой», — Инна Белая.

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

«На Хакатон пришло неожиданно много ребят из комьюнити, которые за два дня успели сделать так много всего, что в обычном режиме и за неделю не делается. Понравилась слаженная работа и полученные в итоге результаты. Все молодцы! Хочется продолжать ещё», — Виталя Харисов.

«Все ожидания от первого БЭМ Хакатона оправдались на 120%. Организаторы сделали все, чтобы воплотить атмосферу, в которой хотелось писать код, достигать поставленных целей, дарить свой опыт и получать от БЭМ-сообщества их опыт использования методологии, технологий и инструментов. Был приятно удивлен уровнем приглашенных участников. Все ребята, которые были в команде БЭМ Форума показали, что БЭМ они изучают, внедряют в свои проекты и хотят использовать его дальше у себя. Ребята очень помогли нашему проекту, сделали целый ряд очень важных задач, заодно с нашей помощью подняли свой уровень знаний БЭМ-платформы. Хакатоном очень доволен, надеюсь будет еще!» — Коля Ильченко.

«Мне очень понравилась сама организация Хакатона — это и ужин-знакомство перед самим мероприятием, и еда-вода на протяжении всего Хакатона, и рабочие места с хорошим интернетом. Поэтому все внимание было сконцентрировано именно на работе. Команда получилась слаженной, все помогали друг другу. Для меня призом были написанные блоки», — Евгений Константинов.

«Ребята, спасибо вам от всей души за этот Хакатон! За доверие к нам, за интерес, за желание поработать в свои выходные без призов и подарков, за понимание целей и разделение взглядов! Вы делаете очень многое. И пожалуйста, продолжайте так дальше!» — Мурся.

Впереди много постов про сами проекты со ссылками на репозитории и документацию. Позади — фотоотчет.

Не переключайтесь и Stay BEMed!