Итоги 2-го чемпионата по вёрстке

Чемпионат по вёрстке помогает компаниям заказной разработки находить начинающих специалистов с отличными навыками вёрстки — по реальному результату, а не по резюме.

Ключевые особенности соревнования:

• сложные и объёмные макеты от профессиональных дизайн-студий;
• двухнедельный формат, ориентированный на качество, а не скорость;
• строгая многоуровневая оценка;
• жюри из опытных разработчиков из бигтеха и компаний заказной разработки.

Второй чемпионат по вёрстке завершился 19 декабря 2025 года. Ниже — его итоги и разбор уровня работ участников.

Сложный макет от Only

Участники работали с объёмным и нетривиальным макетом от агентства Only.

На старте чемпионата макет подробно разобрали на лайве вместе с арт-директором Only: обсудили ожидания по аккуратности и качеству, сложные места, ответили на вопросы участников. Запись лайва доступна в VK и на YouTube.

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

Only — агентство с фокусом на сильную аналитику, дизайн и разработку. Среди клиентов — ведущие компании: «Сибур», VK, «Сбер» и другие.

Двухнедельный формат, ориентированный на качество

Участники работали над макетом две недели — с 24 ноября по 8 декабря 2025 года включительно.

Такой формат позволил выполнить по-настоящему объёмный проект: значительно больше типового тестового задания и устойчивый к попыткам реализации нейросетями.

Участники работали не на скорость, а на качество — и показали вдумчивую вёрстку с аккуратными решениями, вниманием к деталям и подходом, близким к реальной рабочей практике.

Строгая многоуровневая оценка

Качество работ оценивалось по системе критериев качества вёрстки, общепринятой на рынке и используемой в профессиональной разработке. Эти критерии HTML Academy поддерживает и развивает с 2015 года.

Всего при проверке применялось 59 критериев. Ядро этой системы подробно описано в фундаментальной статье на Хабре и отражает требования к промышленному качеству HTML и CSS.

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

Серьёзный состав жюри

Работы финалистов оценивало жюри, состоящее из авторитетных практикующих разработчиков из бигтеха и компаний заказной разработки.

• Сэм Булатов, старший-разработчик, Т-Банк
• Илья Туров, Альфа-Банк, Frontend-разработчик
• Владислав Белозёров, Paraweb, руководитель фронтенд-направления
• Алексей Кузьмин, Bauns, технический директор
• Юлия Кротова, Only, ведущий разработчик
• Дарья Корчуганова, независимый разработчик
• Егор Левченко, независимый разработчик, делает Доку
• Андрей Субботин, Altenar, Frontend-разработчик в core-команде

Итог — высокий уровень участников

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

При этом в чемпионате участвовали выпускники без коммерческого опыта — и на фоне сложности проекта высокий технический уровень финальных работ стал особенно заметен.

Все ключевые наблюдения и оценки были подробно разобраны в итоговом лайве. Запись лайва доступна в VK и на YouTube.

По своему опыту могу сказать, что уровень выпускников, а особенно финалистов HTML Academy, значительно выше уровня среднестатистического junior-кандидата на HeadHunter. Сегодня junior-разработчик зачастую знает условный React, но при этом имеет минимальный опыт именно в верстке.

Грамотная и аккуратная верстка, умение создавать красивые интерактивные компоненты — это то конкурентное преимущество, которое дает академия и чего сейчас не хватает многим работодателям. На мой взгляд, ребята-финалисты в полной мере заслужили получение своего первого оффера и уверенного старта карьеры в сфере веб-разработки.

Если бы я, как работодатель, увидел подобную работу в портфолио, а тем более в рамках тестового задания, я бы однозначно обратил на неё внимание.

Владислав Белозёров, Paraweb

Таблица победителей

Ниже представлены финалисты чемпионата — участники, чьи работы получили наивысшие оценки по итогам финального разбора.

Получить код победителей и детальный протокол оценки

Напишите на corp@htmlacademy.ru, и мы вышлем:

• код финалистов и победителей чемпионата;
• детальный протокол оценки работ с комментариями.

Если вы подбираете начинающего разработчика и хотите оценить уровень по реальным проектам, напишите на corp@htmlacademy.ru.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.