Всем привет! На связи Spectr.
В феврале мы провели митап #DevTalks, посвященный фронтенду, и сейчас хотим подробно о нем рассказать: поделимся докладами спикеров, материалами выступлений, отзывами участников и немного расскажем о внутренней кухне организации таких ивентов.
![](https://habrastorage.org/getpro/habr/upload_files/108/08c/03e/10808c03e298cce89b8f970284499f57.jpeg)
О формате и организации митапа
Формат наших митапов — это не скучные лекции, построенные исключительно на теории. Наоборот, это живые и актуальные кейсы, основанные на практическом опыте спикеров. А еще это возможность вживую завязать новые знакомства, обсудить с коллегами, как решить ту или иную рабочую задачу, заявить о себе и рассказать о своих идеях dev-комьюнити.
![](https://habrastorage.org/getpro/habr/upload_files/21e/0f1/9f7/21e0f19f754a68b6235ac0ca55fcd3c7.jpeg)
Немного истории
Первый митап из серии #DevTalks мы провели в конце 2021 года. И с этого момента организовали и провели уже 4 таких события. За это время успели поговорить о геймдеве, безопасной разработке, устройстве современных БД, архитектуре веб-приложений. Записи всех предыдущих #DevTalks можно найти тут.
Как мы организовываем события
![](https://habrastorage.org/getpro/habr/upload_files/d75/d67/fe7/d75d67fe7690849be50067ea7576aabc.jpeg)
Почти всю организационную часть митапов мы обычно берем на себя: продумываем основную тему и программу, выбираем спикеров, помогаем в формулировке тезисов и тем докладов, решаем вопросы, связанные с трансфером, организовываем пространство для проведения событий. А еще координируем и модерируем процесс во время митапа и участвуем во всем, что происходит на площадке. К тому же мы не против поделиться своими знаниями и опытом, поэтому часто наши разработчики и сами выступают с докладами.
При этом нам важно, чтобы контент был доступен широкой аудитории, поэтому делаем качественные онлайн-трансляции митапа. В таких вопросах сложно обойтись без помощи, поэтому тут мы задействуем силы профессионалов.
Для того чтобы участники оперативно узнавали о любых изменениях, связанных с митапом, мы создали чат в Telegram. А еще тут ведем «прямой эфир» во время ивента, собираем обратную связь и рассказываем о ближайших событиях. При этом сам чат в какой-то момент стал отдельной мини-площадкой для обсуждений, где можно попросить совета или похоливарить на животрепещущие темы.
Доклады
Делимся записями всех четырех докладов митапа, кратким содержанием каждого и ссылками на презентации.
Андрей Смирнов: «Фронтендеры — они повсюду»
![](https://habrastorage.org/getpro/habr/upload_files/b19/029/7af/b190297afd6509335112e4d2c8739d8d.jpeg)
Вы ведь наверняка знаете о подкасте Frontend Weekend? Андрей — его бессменный ведущий. А еще Андрей работает в X5 Tech, руководя всем ресурсным пулом фронтендеров и мобильных разработчиков. Мы всегда собираем фидбэк от участников, и они уже уже неоднократно просили нас пригласить кого-то, кто сможет обстоятельно рассказать о roadmap развития разработчика. Мы пригласили Андрея, ведь, кажется, он один из лучших спикеров на данную тему!
В своем докладе Андрей разобрал всевозможные варианты карт компетенций: сложные и запутанные, найденные на просторах интернета, более простые и более удобные с разделением по грейдам. Рассказал, как ими пользоваться и по каким принципам стоит развивать свои компетенции. А еще Андрей затронул тему того, какие софты нужно развивать джуну, а какие — тимлиду. И все это с простыми и понятными примерами, мемами и историями из жизни. В конце доклада Андрей рассказал о возможных способах оценки и проработки своих навыков и компетенций и разобрал плюсы и минусы каждого способа.
Константин Остров: «Неочевидные возможности SVG в современном фронтенде»
![](https://habrastorage.org/getpro/habr/upload_files/36f/207/fe0/36f207fe0764e5c3f38f96d5bf67dc70.jpeg)
Следующий спикер, Константин Остров, в своей работе более пяти лет использует SVG-изображения для создания функционала сайтов для застройщиков: от выбора квартиры на плане этажа до анимаций. Сейчас он руководит отделом фронтенд-разработки в студии «Феникс».
В своем докладе Константин рассказал о том, что представляют собой SVG-изображения и в чем их преимущества, а после выступления ответил на вопрос, в чем же заключаются их недостатки. Привел примеры задач, с которыми команда сталкивалась при работе с SVG: позиционирование внутри SVG, внедрение динамических элементов внутрь SVG, расчет координат вне BOX модели. А также рассказал, что такое производительность и что на нее влияет и показал на примере проекта с многоквартирными домами, как может выглядеть применение SVG-графики.
Семен Левенсон: «Насколько мой фронтенд плох»
![](https://habrastorage.org/getpro/habr/upload_files/0a4/81d/8bd/0a481d8bdf700ba65c79d51b59a04007.jpeg)
Семен известен многим по выступлениям на Dump, CodeFest, HolyJS. В копилке Семена 20+ докладов на этих конференциях. А еще он участвует в программном комитете HolyJS, записывает подкаст «Тяжелое утро» и работает в Яндекс.Маркете.
Семен рассказал, что же такое рефакторинг, и разобрал, какие признаки могут быть у плохого кода и почему плохой код — это нормально. Объяснил, как сообщить менеджеру о том, что рефакторить все-таки надо — на менеджерском, т. е. на языке схем и графиков. А еще о том, что такое плохометры, как их строить и чем они могут быть полезны для разработчиков. Также в докладе можно найти несколько неочевидных способов, как «уговорить» менеджера на рефакторинг и несколько полезных инструментов для работы с «плохим кодом».
Ссылка на материалы на Гитхаб.
Зар Захаров: «История о том, как мы с CRA на ViteJS съезжали»
![](https://habrastorage.org/getpro/habr/upload_files/7f6/3cf/795/7f63cf7957d26e4ea4befb4d2f7a125d.jpeg)
Зар в разработке с 2006 года (примерно с того момента, когда из инструментов разработки были только PHP, CSS, HTML и иногда использовали JS). За это время он успел поработать и в стартапах, и в аутсорсе, и в крупных продуктовых компаниях. Сейчас Зар — старший разработчик в VK. Как и Андрей Смирнов, Зар — участник программного комитета Frontend Conf, к тому же сам часто выступает на многих конференциях. Многие знают Зара как создателя первого марафона по программированию.
В качестве предыстории к докладу Зар рассказал о ситуации, когда он с командой работал над простеньким сайтом образовательного проекта. Но со временем проект рос и развивался, поэтому нужно было искать решения, необходимые для его реализации (или альтернативу CRA). В своем докладе Зар рассмотрел ряд возможных для этого инструментов, таких как Next.js, Webpack, Vite. И остановился на последнем.
В докладе Зар рассказывает, в чем основные преимущества Vite перед CRA, о своих первых впечатлением при использовании VIte и о процессе перехода с CRA на Vite.
Как прошел митап
Кажется, получилось очень круто, полезно и интересно. И во многом это заслуга спикеров. Мало у кого получается быть настолько на одной волне с участниками. При этом аудитория митапа была живой и открытой к обсуждениям, ведь каждое выступление спикера заканчивалось множеством дополнительных вопросов. И они бы продолжались и продолжались, если бы не тайминги ????
![](https://habrastorage.org/getpro/habr/upload_files/e3d/0ca/af9/e3d0caaf9e1ca3b5f40392cd82b2ebc0.jpeg)
Любопытство со стороны участников мы поощряли и дарили тем, кто задавал наиболее интересные вопросы (по мнению спикеров), фирменный мерч.
![](https://habrastorage.org/getpro/habr/upload_files/ba1/c2f/027/ba1c2f027ce12bdedc44b8893346f7cb.jpeg)
Если говорить о количестве участников, то в этот раз в офлайн-формате митап посетило 120+ человек. При этом процент «доходимости» (конверсии зарегистрировавшихся в офлайн-участников) также высокий — около 80%.
Для #DevTalks это довольно большие цифры. Но мы уверены: дальше больше. Благо выбранная для митапов площадка — технопарк Morion Digital — позволяет разместить еще больше гостей ????
![](https://habrastorage.org/getpro/habr/upload_files/0fe/c83/05a/0fec8305ababa21411ecb8cbe4555643.png)
Кроме докладов
На площадке мы разместили брендированную фотозону, чтобы участники могли забрать с собой приятные эмоции о прошедшем ивенте в виде профессиональных фотокарточек. И зону кофе-брейка, где гости ивента могли выпить вкусный кофе и «побаловаться» печеньками.
Полный фотоотчет с события лежит тут.
![](https://habrastorage.org/getpro/habr/upload_files/08d/ab1/a82/08dab1a829d0b4fd9b1c6f97b4d9c111.png)
В перерывах между докладами участники знакомились и общались друг с другом, обсуждали темы, которые не успели обсудить в рамках докладов со спикерами.
![](https://habrastorage.org/getpro/habr/upload_files/175/eef/3fd/175eef3fd4a02ef8d4caface4ee95e17.png)
Во время события мы провели интервью. Узнали у участников, в чем заключается польза подобных мероприятий для них, попросили спикеров сказать пару слов об аудитории митапа, а также задали один общий вопрос, который родился из названия одного из докладов: важно ли разработчикам и бизнесу говорить на одном языке? (Скоро выпустим отдельный материал на эту тему!)
![](https://habrastorage.org/getpro/habr/upload_files/e37/add/b1d/e37addb1d25346c2b75c693a5cad89fc.png)
Митап завершился афтепати в одном из лучших баров Перми, где мы продолжили говорить о фронтенде, но это уже совсем другая история ????
Отзывы участников
После митапа нам удалось собрать несколько приятных отзывов от участников:
«Мне понравились спикеры: их доклады, опытность, харизматичность и умение работать на аудиторию. Таких хочется слушать. Не менее важным для меня стало то, из каких компаний они были. Спасибо, что привлекаете таких крутых докладчиков ))».
«Понравились спикеры и темы, которые они освещали, также организация на высоте».
«Ламповая атмосфера, крутые докладчики».
«Спасибо Spectr, за то что повышаете пермскую ИТ-культуру, видно, что очень стараетесь. Понравились: сильные выступающие из разных городов, разные тематики, стол со вкусностями, afterparty. Вы большие молодцы ребята! <3».
«Понравилась атмосфера, спикеры с интересными (актуальными) докладами и организация мероприятия».
И еще немного из Telegram-чата.
![](https://habrastorage.org/getpro/habr/upload_files/8c6/487/4e0/8c64874e0fd3e5e8da3cc591e13e8b60.png)
Что дальше?
Подобные ивенты мы проводим регулярно — несколько раз в год. И уже второй год мы делаем масштабную конференцию о разработке и управлении бизнесом — Ural Digital Weekend. Мы уже активно готовимся к событию и открыли продажу билетов. Для читателей Хабра приготовили специальный промокод, который даст приятную скидочку: HABRAHABR.
Приезжайте 4–5 августа в Пермь. Будем рады вас видеть! ????