Резюме frontend-разработчика должно пройти три фильтра: автоматический поиск по ключевым словам, рекрутера, который за минуту проверяет соответствие вакансии, и технического специалиста, который оценивает глубину ваших задач. Для этого нужны заголовок с позицией и стеком, короткий блок о себе, сгруппированные навыки, опыт или проекты с конкретными результатами и ссылки на GitHub и демо.
Хорошее резюме - это не список всего, что вы изучили. Это документ, который за 30 секунд отвечает на вопрос работодателя: «Этот человек решит наши задачи?». Разберём, как этого добиться на каждом этапе отбора.
Три читателя резюме
- Автоматический фильтр на job-сайте или в ATS ищет ключевые слова: React, TypeScript, Next.js, Redux Toolkit.
- Рекрутер проверяет соответствие вакансии: стек, уровень, ожидания.
- Технический специалист смотрит, какие задачи вы решали и насколько глубоко.
Резюме должно пройти всех троих. Разберём, что нужно каждому.
Что нужно автоматическому фильтру
Рекрутеры ищут кандидатов по словам из вакансии, а ATS-системы ранжируют отклики по совпадениям. Если в вакансии написано «React, TypeScript, Redux Toolkit», а у вас в резюме «реакт» и «опыт с типизацией», вас могут не найти. Используйте названия технологий в том виде, в каком их пишут в вакансиях, и упоминайте их не только в списке навыков, но и в описании проектов.
Что нужно рекрутеру
Рекрутер обычно не разработчик. Он сверяет резюме с требованиями: совпадает ли стек, подходит ли уровень, понятна ли история. Ему важна быстрая считываемость: чёткий заголовок, аккуратная структура, отсутствие пробелов без объяснения. Если на то, чтобы понять, кто вы, уходит больше минуты, рекрутер переходит к следующему кандидату.
Что нужно техническому специалисту
Техлид или разработчик смотрит на задачи: что вы делали сами, какие решения принимали, с какими сложностями столкнулись. Он откроет ваш GitHub и заглянет в код. Именно для него нужны конкретные формулировки и ссылки на проекты.
Структура
- Заголовок - позиция, на которую претендуете: «Frontend-разработчик (React, TypeScript)».
- Коротко о себе - 2-3 предложения: стек, опыт, чем полезны.
- Навыки - сгруппированные: язык, фреймворки, состояние, инструменты, тестирование.
- Опыт или проекты - с задачами и результатами.
- Ссылки - GitHub, демо проектов, Telegram для связи.
- Образование и курсы - кратко, в конце.
Блок «Коротко о себе»
Это не место для «ответственный, коммуникабельный, быстро обучаюсь» - эти слова есть у всех и ничего не сообщают. Лучше: «Frontend-разработчик на React и TypeScript. Сделал три приложения с авторизацией, серверным состоянием на TanStack Query и тестами. Ищу позицию в продуктовой команде». Конкретика сразу отличает вас от сотен похожих резюме.
Блок навыков
Группируйте навыки по смыслу: язык и типизация, фреймворки, управление состоянием, стили, тестирование, инструменты. Указывайте только то, с чем готовы работать и о чём готовы говорить на собеседовании. Каждая технология в списке - потенциальный вопрос интервьюера.
Как описывать опыт
Плохо: «Разработка интерфейсов на React». Хорошо: «Перевёл каталог на серверный рендеринг в Next.js, сократив время первой отрисовки; внедрил TanStack Query и убрал дублирующиеся запросы». Конкретная задача, инструмент, результат.
Удобная формула для каждого пункта: действие, объект, инструмент, результат. «Сделал форму оформления заказа на React Hook Form и Zod с валидацией на лету» - понятно, что сделано и какими средствами. Если результат можно выразить измеримо - время загрузки, число строк кода, количество экранов, - это усиливает пункт, но придумывать цифры не нужно: интервьюер обязательно о них спросит.
Как описывать pet-проекты
Без коммерческого опыта проекты становятся главной частью резюме. Для каждого укажите: что это за приложение и какую задачу решает, стек, два-три самых интересных технических решения, ссылки на код и демо. Проекты лучше располагать от самого сильного к самому слабому: до последнего рекрутер может не дочитать.
Как описывать опыт из прошлой профессии
Если вы пришли в разработку из другой сферы, не прячьте это, но и не растягивайте. Одна-две строки с акцентом на переносимые навыки: автоматизировал отчёты, работал с большими объёмами данных, общался с клиентами и собирал требования. Это показывает зрелость и помогает объяснить мотивацию.
Пример: описание проекта до и после
Возьмём типичное описание учебного проекта: «Интернет-магазин на React. Использовал Redux, React Router, axios. Адаптивная вёрстка». Из него неясно, что именно сделано, насколько глубоко и чем проект отличается от сотен похожих.
Переписанный вариант: «Каталог товаров с фильтрами и поиском на React и TypeScript. Фильтры и пагинация хранятся в URL, поэтому ссылкой на выборку можно поделиться. Серверное состояние - TanStack Query с кешированием и повторными запросами. Корзина сохраняется между сессиями. Форма оформления заказа - React Hook Form и Zod. Покрыл тестами логику корзины. Демо и код - по ссылкам». Здесь видны решения, стек и то, о чём можно поговорить на собеседовании.
Второй вариант длиннее, но читается быстрее: каждая фраза отвечает на вопрос, что вы умеете. Именно по таким описаниям технический специалист решает, стоит ли звать кандидата.
Резюме на job-сайте и резюме файлом
На job-сайтах резюме заполняется по полям, и в поиске рекрутеры видят в первую очередь заголовок, ключевые навыки и последнее место работы или проект. Заполните поле ключевых навыков полностью - по нему ищут кандидатов. Описания проектов вставляйте в раздел опыта, если коммерческого опыта нет. Файл PDF нужен для откликов напрямую в компанию и для рекрутеров, которые просят резюме в сообщении, - содержание в обоих вариантах должно совпадать.
Сопроводительное письмо
Сопроводительное письмо читают не всегда, но когда читают, оно может выделить вас среди похожих кандидатов. Три-пять предложений: почему откликаетесь именно сюда, какой ваш опыт относится к задачам компании, ссылка на самый релевантный проект. Шаблонное письмо без упоминания компании хуже, чем никакого.
Если коммерческого опыта нет совсем
Отсутствие опыта работы - нормальная ситуация для первого резюме. Раздел опыта заменяется разделом проектов, и к ним предъявляются те же требования: задачи, решения, стек, результат. Если вы участвовали в открытом проекте, делали сайт для знакомого бизнеса, автоматизировали что-то на прошлой работе с помощью кода - это тоже опыт, и его стоит описать. Главное - не выдавать учебные проекты за коммерческие: это вскрывается первым же уточняющим вопросом и подрывает доверие ко всему резюме.
Как указать курсы и образование
Курсы и образование - в конце резюме, одной-двумя строками на каждый пункт: название, год, при необходимости направление. Длинное описание программы курса не нужно: работодателю интересно не то, что вам рассказывали, а то, что вы умеете сделать. Если на курсе был сильный итоговый проект, опишите его в разделе проектов.
Как указать уровень и ожидаемую позицию
Если вы ищете первую работу, в заголовке достаточно указать позицию и стек - «Frontend-разработчик (React, TypeScript)» - без приставки junior: уровень рекрутер определит по опыту. Не завышайте уровень: резюме «middle» без коммерческого опыта вызывает недоверие и приводит к собеседованиям, к которым вы не готовы. Если готовы к стажировке, это можно отметить в блоке о себе.
Контакты и ссылки
Укажите способ связи, которым вы действительно пользуетесь и на который быстро отвечаете: телефон, email, Telegram. Рекрутер, не дождавшийся ответа за день, может перейти к следующему кандидату. Ссылки на GitHub и демо размещайте в шапке резюме, а не в конце, - техническому специалисту важно найти их сразу.
Как часто обновлять резюме
Обновляйте резюме после каждого значимого изменения: закончили проект, освоили новую технологию на практике, получили обратную связь с собеседований. На job-сайтах регулярное обновление поднимает резюме в выдаче у рекрутеров. И каждый раз перечитывайте его целиком: формулировки, которые казались удачными месяц назад, часто можно сделать конкретнее.
Английская версия
Если вы откликаетесь в международные компании или в команды, где рабочий язык английский, подготовьте отдельную версию резюме на английском. Переводите не дословно, а естественными для отрасли формулировками, и проверьте текст у человека, который свободно владеет языком. Уровень английского указывайте честно: его могут проверить прямо на собеседовании.
Оформление
- Один-два листа, без плотных стен текста.
- Единый шрифт и стиль, аккуратные отступы, без цветных рамок и графиков навыков в процентах.
- Формат PDF, если отправляете файлом: так вёрстка не поедет.
- Понятное имя файла: фамилия, имя и позиция, а не «resume_final_2».
- Рабочие ссылки: проверьте каждую перед отправкой.
GitHub как продолжение резюме
Технический специалист почти наверняка откроет ваш GitHub. Закрепите в профиле лучшие проекты, добавьте в каждый README с описанием, стеком, инструкцией запуска и ссылкой на демо. Удалите или скройте незаконченные учебные репозитории, которые не хотите показывать. Короткое описание в профиле и понятная аватарка тоже работают на первое впечатление.
Частые ошибки
- Перечисление всех технологий, с которыми вы когда-либо сталкивались.
- Обязанности вместо результатов.
- Нет ключевых слов из вакансии - резюме просто не находят.
- Ссылки на пустой или неряшливый GitHub.
- Одно резюме на все вакансии без адаптации.
- Опечатки в названиях технологий: «Java Script», «Type script», «ReactJS Redux» через запятую без смысла.
- Размытый заголовок вроде «Программист» или «IT-специалист».
Адаптация под вакансию
Не нужно переписывать резюме с нуля для каждого отклика. Достаточно держать две-три версии под типичные группы вакансий - например, React с Next.js и React с упором на сложные интерфейсы - и перед откликом поправить блок «о себе» и порядок навыков под требования конкретной вакансии. Это занимает несколько минут и заметно повышает число приглашений.
Резюме и собеседование связаны
Всё, что написано в резюме, может стать вопросом на собеседовании. Если указан Redux Toolkit, спросят про слайсы и асинхронные действия. Если указан Next.js - про серверный рендеринг. Поэтому перед собеседованием перечитайте своё резюме глазами интервьюера и подготовьте рассказ по каждому пункту. Резюме, в котором нет ничего лишнего, одновременно служит планом разговора, который вам выгоден.
Чек-лист перед отправкой
- Заголовок содержит позицию и основной стек.
- Ключевые слова из вакансии есть в тексте в тех же формулировках.
- Каждый проект описан через задачу, решения и стек, есть ссылки на код и демо.
- Нет технологий, о которых вы не готовы говорить.
- Нет опечаток в названиях технологий и в контактах.
- Все ссылки открываются, GitHub выглядит аккуратно.
- Резюме занимает не больше двух страниц.
Проверьте себя
Откройте три интересные вакансии, выпишите повторяющиеся требования и проверьте, есть ли они в вашем резюме - в тех же формулировках. Затем попросите разработчика, который сам нанимает людей, прочитать резюме за 30 секунд и сказать, что запомнилось.
Если после этого приглашений всё равно мало, посчитайте воронку откликов и посмотрите, на каком этапе вы теряетесь, - об этом подробно в статье как найти первую работу frontend-разработчиком. Когда приглашения появятся, пригодится подготовка к вопросам по React.
Разбор резюме - одна из частей менторства: переписываем его так, чтобы оно проходило фильтры и нравилось техническим интервьюерам. Подробнее о формате - на странице как проходит менторство.