Как составить резюме фронтенд-разработчика

Структура резюме

Хорошее резюме — одна страница (максимум две). Рекрутер просматривает его за 30 секунд. Если за это время не понятно, что вы умеете — резюме не работает.

Порядок секций:

1. Имя и контакты
2. Опыт работы
3. Навыки
4. Проекты (для junior — выше опыта)
5. Образование

Заголовок и контакты

Иван Иванов
Frontend Developer

📍 Москва (или удалённо)
📧 ivan@email.com
🔗 github.com/ivan
💼 t.me/ivan

Что обязательно:

• Имя
• Желаемая позиция (Frontend Developer, Junior Frontend)
• Email
• Ссылка на GitHub
• Telegram для связи

Что не нужно:

• Дата рождения
• Семейное положение
• Фотография (в IT не принято)
• Полный домашний адрес

Обо мне (Summary)

3–4 предложения. Кто вы, что умеете, что ищете.

Frontend-разработчик с 2 годами опыта. Пишу на Vue 3 + TypeScript,
работаю с Pinia, Vue Router, Nuxt. Делал SPA-приложения для электронной
коммерции и дашборды с real-time данными. Ищу команду, где можно расти
как middle-разработчик.

Плохой пример:

Усидчивый, ответственный, коммуникабельный. Люблю программировать.
Стремлюсь к развитию. Быстро обучаюсь.

Это написано в 90% резюме и не говорит ничего конкретного.

Опыт работы

Формат: Компания — Позиция — Период. Под каждым — 3–5 пунктов, что делали и какой результат.

Используйте формат «действие + результат + технология»:

ООО «ВебТех», Frontend Developer — июнь 2023 — настоящее время

• Разработал каталог товаров на Vue 3 + TypeScript с фильтрацией,
  поиском и пагинацией — сократил время загрузки страницы с 4 до 1.5 сек
• Настроил CI/CD через GitHub Actions: линтинг, тесты, автодеплой
  на VPS — избавился от ручных деплоев
• Внедрил Pinia для управления состоянием вместо Vuex — уменьшил
  объем шаблонного кода на 40%
• Покрыл критичные модули unit-тестами (Vitest) — 78% покрытия

Плохие формулировки:

• Разработка фронтенда
• Поддержка проекта
• Участие в командной работе

Непонятно, что конкретно делали. Пишите конкретно.

Что если нет коммерческого опыта?

Выносите pet-проекты в секцию «Проекты» и описывайте их как опыт:

Pet-проект: интернет-магазин (Vue 3 + TypeScript)

• Реализовал каталог с фильтрацией, сортировкой и поиском
• Настроил корзину с подсчётом суммы и сохранением в localStorage
• Верстал по макетам Figma, адаптив под мобильные
• Задеплоил на Vercel: shop-project.vercel.app

Навыки

Группируйте по категориям:

Языки:       JavaScript, TypeScript
Фреймворки:  Vue 3, Nuxt, React (базово)
Стили:       CSS, Tailwind CSS, SCSS
Инструменты: Git, Vite, Vitest, ESLint, Prettier
Прочее:      REST API, Git Flow, CI/CD, Figma

Как не надо

HTML5, CSS3, JavaScript, jQuery, Bootstrap, React, Vue, Angular,
Node.js, Express, MongoDB, PostgreSQL, Python, Django, Docker,
Kubernetes, AWS, Photoshop, Illustrator...

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

Уровень владения

Не пишите «JavaScript — продвинутый». Это выглядит наивно. Просто перечислите — по расположению в списке понятно, что основное, а что второстепенное.

Проекты

Для junior это самая важная секция. 3–4 проекта, которые можно посмотреть:

Интернет-магазин (Vue 3 + TypeScript + Pinia)
github.com/ivan/shop — shop-demo.vercel.app
• Каталог, корзина, карточка товара, оформление заказа
• Интеграция с Fake Store API
• Адаптивная верстка, Skeleton loading

Канбан-доска (React + TypeScript + Zustand)
github.com/ivan/kanban — kanban-demo.vercel.app
• Drag & drop задач между колонками
• Сохранение в localStorage
• Фильтрация по приоритету

Чат (Vue 3 + WebSocket)
github.com/ivan/chat
• Real-time обмен сообщениями через WebSocket
• Список контактов, история сообщений
• Авторизация через JWT

Каждый проект: что это, стек, что реализовано, ссылка на код и демо.

Образование

Коротко:

МГТУ им. Баумана, Информатика и вычислительная техника, бакалавр (2019–2023)

Если образование не связано с IT — укажите, но не делайте на нём акцент. Курсы тоже можно упомянуть, но без простыни текста:

• Hexlet — Профессия «Фронтенд-разработчик» (2023)
• freeCodeCamp — Responsive Web Design (2022)

Что убрать

• Уровень английского «со словарём» — лучше честно «A2» или «читаю документацию»
• Сертификаты из 2015 года по устаревшим технологиям
• Ссылки на сертификаты об окончании курсов — они мало что значат
• «PC user» — в 2025 году это не навык
• Хобби — если только это не open-source contributions

Формат

• PDF — единственный формат, в котором резюме выглядит одинаково у всех
• Не DOCX (расползётся вёрстка)
• Не ссылка на Google Docs (могут не открыть)
• Файл назовите Ivan_Ivanov_Frontend.pdf

Чек-лист перед отправкой

• Одна страница
• Указана позиция (Junior Frontend / Frontend Developer)
• Есть GitHub с кодом
• Опыт описан конкретно, с результатами
• Навыки — то, в чём реально разбираетесь
• Нет опечаток
• PDF-формат

Итог

• Одна страница, PDF, конкретика вместо воды
• Опыт: «сделал X, использовал Y, получил результат Z»
• Навыки: перечислите то, в чём уверены, без преувеличений
• Проекты: 3–4 с GitHub и демо — важнее всего для junior
• Рекрутер тратит 30 секунд — за это время должно быть понятно, кто вы