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

Резюме веб-разработчика должно за 20 секунд отвечать на три вопроса: по каким проектам вы работали, на каком этапе (верстка, разработка, интеграция, поддержка) и с каким результатом по срокам, производительности и качеству кода. Веб-разработчика нанимают не за количество написанных строк, а за то, чтобы сайт или приложение работали без сбоев, загружались быстро, а задачи закрывались в срок.

Как это уложить в CV — дальше по блокам: контакты, «О себе», опыт, образование и навыки. В конце разберем сопроводительное письмо.

СОДЕРЖАНИЕ

Образец резюме КонтактыО себеОпыт работыОбразованиеHard skillsSoft skillsСопроводительное письмоЧастые вопросы

Образец резюме веб-разработчика

Вместе с карьерными консультантами мы сформулировали простую формулу идеального резюме веб-разработчика.

В базовый образец резюме веб-разработчика стоит включить:

Личные данные: ФИО, город, готовность к удаленке, контакты, Telegram, живой сайт, LinkedIn, если профиль заполнен.Блок «О себе»: 3–4 предложения о HTML/CSS/JS, Битрикс, LCP и заявках. Без штампов вроде «верстаю сайты и люблю красивое».Опыт работы: запуск сайта, CMS, скорость, формы — с живой ссылкой, если можно показать.Образование: факультет/направление (информатика, веб-технологии), тема диплома, если она про сайт.Курсы: верстка, Битрикс, JavaScript — если есть учебная страница, а не только лекции.Hard skills: HTML, CSS, JavaScript, Битрикс, формы, адаптив, LCP, Git.Soft skills: сдать сайт к дате, согласовать правку с заказчиком, объяснить, почему страница тормозит, не сломать форму оплаты.Создать резюме

Как заполнить контакты в резюме веб-разработчика

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

Что указывать в контактной информации?

Телефон — с кодом страны, по которому вы реально отвечаете в рабочие часы.Email — нейтральный адрес с именем и фамилией (например, ksenia.pavlova.web@…). Без кличек и года рождения.Мессенджеры — укажите ник, который выглядит профессионально.

Когда уместны дополнительные ссылки?

Веб-разработчику полезны ссылки, по которым видно сайт, а не только должность:

Живая страница — лендинг, магазин, кабинет. Одна главная ссылка, а не три облака «нужное где-то там».GitHub — если есть 1–2 читаемых репозитория с версткой или шаблоном CMS. Пустой профиль лучше не ставить.LinkedIn — если профиль заполнен: стек, опыт, не пустая строка «веб-разработчик».Город и формат: «Москва, удаленка или гибрид» — для отклика на вакансию это часто решающий фильтр.

Личные соцсети без профессиональных работ лучше не указывать.

Если вы совмещаете учебу или сидите в другом часовом поясе, напишите, когда вам удобно выходить на связь. Пример: «На связи по будням с 10:00 до 19:00 по МСК».

Как заполнить блок «О себе» в резюме веб-разработчика

Блок «О себе» стоит в начале резюме и отвечает, какие сайты вы уже запускали, еще до списка мест работы. Хватает трех-четырех предложений.

Что обычно входит:

стек: HTML, CSS, JavaScript, Битрикс;контур: лендинг или кабинет, формы, CMS, скорость;результат: LCP, заявки, срок запуска.

Формулировки вроде «верстаю сайты и люблю красивое» не отличают вас ни от кого. Лучше так: «Веб-разработчик: собираю сайты на HTML, CSS, JavaScript и 1С-Битрикс. На промо и кабинете с оплатой LCP снизила с 4,1 с до 2,2 с, заявки выросли на 27%. Макет читаю до верстки, спорные блоки согласовываю с заказчиком».

Это не резюме Frontend-разработчика на React: здесь сайт и CMS, а не SPA на компонентах.

Как веб-разработчику описать опыт работы

Этот блок показывает, какой сайт вы уже запускали и чем это закончилось для скорости и заявок. Пишите задачу, действие и цифру. Перечень из должностной «верстка сайтов, работа с CMS, знание HTML» мало что говорит.

Рекомендации:

Используйте активные глаголы: «запустила сайт», «ускорила LCP», «собрала форму», «перенесла на Битрикс», «закрыла адаптив», «подключила цели».Подчеркивайте результаты в цифрах: LCP, заявки, срок запуска, вес страницы, ошибки в форме.Давайте контекст: лендинг, магазин или кабинет с оплатой; кто принимает макет; какая CMS.Упоминайте инструменты: HTML, CSS, JavaScript, Битрикс, метрика, адаптив — только те, которыми пользовались руками.Отдельно выделяйте ключевые проекты: запуск с формой, срез скорости, кабинет, который не развалился на телефоне.

Не ставьте в центр React-стек без сайта. Здесь смотрят живую страницу, CMS и скорость.

Неверно

Верстка сайтов. Знаю HTML и CSS. Работала с Битрикс. Поддержка сайта.(Так не видно ни запуска, ни скорости, ни заявок. Это похоже на общую анкету без страницы.)

Верно

Запустила лендинг и кабинет на 1С-Битрикс: LCP с 4,1 с до 2,2 с, заявки выросли на 27%. Сверстала формы оплаты, подключила почту и цели. На мобильном закрыла адаптив до сдачи, а не после жалоб заказчика.

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

Что можно включить:

Проекты и стажировки: учебный лендинг, шаблон Битрикс, помощь в правках верстки, подключение формы.Личные проекты: сайт услуги или магазин — если можете показать «была медленная страница → стали заявки».Награды и сертификаты: курс верстки или Битрикс — если по нему есть живая страница, а не только сертификат.

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

Неверно

Нет опыта работы. Знаю HTML, CSS и Битрикс. Креативная, быстро учусь.(Эта формулировка не говорит ни о запуске, ни о том, что вы уже пробовали ускорить страницу или собрать форму.)

Верно

На учебном проекте собрала лендинг услуги: верстка, форма заявки, публикация на хостинге. LCP после сжатия картинок снизила с 5 с до 2,4 с, страницу оставили как пример курса.

ОБРАЗОВАНИЕ

Образование подтверждает базу, но само по себе работу веб-разработчику не дает. В резюме хватает короткой строки.

Что указать:

вуз или колледж, факультет и годы учебы;что делали на практике: учебный сайт, верстка, форма, CMS;курсы по HTML, JavaScript или Битрикс, если по ним есть учебная работа.

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

А хотите, поможем с составлением резюме? Создали специальный конструктор, который за несколько минут структурирует информацию и оформит все данные в красивое CV. 

Создать резюме

HARD SKILLS

Hard skills в резюме веб-разработчика показывают, какие запуски вы закрываете сами. Расписывать каждый пункт не нужно.

HTML и CSS: сетка, адаптив, формыJavaScript: логика страницы, валидация, цели1С-Битрикс: шаблон, компоненты, публикацияCMS и админка: контент, который заказчик правит самСкорость: LCP, картинки, кэшФормы и оплата: заявка доехала, письмо ушлоКроссбраузер и телефонGit: правки без «я затерла чужой файл»

SOFT SKILLS

Soft skills напрямую влияют на то, уедет ли сайт в срок — сдадите страницу или утонете в правках «чуть сдвинь блок». Разберем, какими формулировками передать это в резюме.

Сдать сайт к дате запускаСогласовать правку с заказчиком до версткиОбъяснить, почему страница тормозитНе сломать форму оплаты ради «красивого блока»Собрать ТЗ из переписки, а не ждать идеальный макетОтделить контент в CMS от вашей версткиСпокойно принять правку после теста на телефонеДовести сайт до публикации, а не оставить в архиве

Что веб-разработчику писать в сопроводительном письме?

Письмо показывает то, что не влезает в строки опыта: почему вам этот сайт и какой похожий запуск вы уже закрывали. Хватает трех-пяти абзацев, около половины страницы A4.

Структура

Приветствие — по возможности адресное: «Добрый день, [имя рекрутера]».Краткое представление — кто вы, какие сайты запускали, 1–2 цифры (LCP, заявки).Почему вам интересна именно эта вакансия — Битрикс, лендинги, кабинет, а не React-команда.Какой вклад вы можете внести — какой сайт готовы взять в первые недели.Контакты и ссылка на живую страницу.

Тон

Само письмо тоже образец того, как вы сдаете сайт. Канцелярит и история «я с детства люблю рисовать сайты» здесь не работают.

Не копируйте резюме. Если ищут Битрикс и скорость, первым поставьте запуск и LCP, а не список тегов. Коротко покажите, что уже поняли задачу: лендинг, магазин или кабинет. Упомяните ограничения: короткий срок, чужой шаблон, контент от заказчика в последний день.

Как сместить акцент под тип вакансии:

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

Неверно

Добрый день! Я все умею и очень хочу у вас работать. Знаю HTML и Битрикс, креативная. Резюме во вложении.(Письмо общее, не показывает ни сайт, ни скорость, ни зачем вы студии, а не во frontend на React.)

Верно

Добрый день, меня зовут Ксения Павлова, я веб-разработчик. Собираю сайты на HTML, CSS, JavaScript и 1С-Битрикс. На последнем запуске LCP снизила с 4,1 с до 2,2 с, заявки выросли на 27%.Ваша вакансия заинтересовала меня живыми сайтами и CMS, а не стеком на компонентах. Мне близка работа, где страница открывается быстро и форма доезжает, а не «макет в песочнице».Готова прислать ссылку на кабинет и коротко разобрать, как резала вес страницы. С уважением, Ксения ПавловаTelegram: @ksenia_webdev+7 903 612-39-80

Кажется, на этом точно все. Обсудили основные составляющие хорошего резюме для веб-разработчика — осталось только воспользоваться конструктором резюме, составить CV и начать строить топ-карьеру >>

Мы как всегда рядом, карьерная платформа Changellenge

Создать резюме

Частые вопросы

Сколько страниц должно занимать резюме веб-разработчика? +

Одной страницы хватает, если опыт до 5–7 лет. Две уместны, когда запускали несколько сайтов и у каждого есть цифра: LCP, заявки, срок. Портфолио лучше отдельной ссылкой, а не третьей страницей скриншотов в CV.

Нужно ли добавлять портфолио к резюме веб-разработчика? +

Да, веб-разработчику нужна живая страница: 2–4 сайта с вашей ролью, CMS и пометкой про скорость или заявки. Скрин без адреса слабее. Учебный лендинг тоже подходит, если коммерческих запусков еще нет. Ссылку ставьте, только если можно показать без нарушения NDA.

Как составить резюме веб-разработчика, чтобы оно прошло ATS? +

Пишите простым текстом: без таблиц, колонок и иконок вместо названий навыков. Повторите формулировки из вакансии там, где это правда: HTML, CSS, JavaScript, Битрикс, адаптив. Оставьте стандартные заголовки — Опыт работы, Навыки, Образование. Сайт — ссылкой, не картинками внутри файла.

Нужно ли добавлять фотографию в резюме веб-разработчика? +

В России фото не обязательно. Для веб-разработчика важнее живой сайт, CMS и скорость. Снимок имеет смысл, только если вакансия прямо просит. Тогда берите нейтральный кадр.

Нужно ли адаптировать резюме веб-разработчика под каждую вакансию? +

Да, если вакансии разные: лендинги, Битрикс, кабинет или поддержка парка сайтов. Повторите в опыте те запуски и слова, которые правда есть в объявлении. Не переписывайте все CV с нуля — хватает порядка блоков и одной-двух цифр под задачу.

{"@context":"https://schema.org","@graph":[{"@type":"WebPage","name":"Как составить резюме веб-разработчика","url":"https://changellenge.com/article/rezyume-veb-razrabotchika-shablon-s-primerami-zapolneniya/","primaryImageOfPage":{"@type":"ImageObject","url":"https://changellenge.com/article/rezyume-veb-razrabotchika-shablon-s-primerami-zapolneniya/","width":1480,"height":2439},"mainEntity":{"@type":"Article","headline":"Как составить резюме веб-разработчика","image":["https://changellenge.com/article/rezyume-veb-razrabotchika-shablon-s-primerami-zapolneniya/"]}},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Сколько страниц должно занимать резюме веб-разработчика?","acceptedAnswer":{"@type":"Answer","text":"Одной страницы хватает, если опыт до 5–7 лет. Две уместны, когда запускали несколько сайтов и у каждого есть цифра: LCP, заявки, срок. Портфолио лучше отдельной ссылкой, а не третьей страницей скриншотов в CV."}},{"@type":"Question","name":"Нужно ли добавлять портфолио к резюме веб-разработчика?","acceptedAnswer":{"@type":"Answer","text":"Да, веб-разработчику нужна живая страница: 2–4 сайта с вашей ролью, CMS и пометкой про скорость или заявки. Скрин без адреса слабее. Учебный лендинг тоже подходит, если коммерческих запусков еще нет. Ссылку ставьте, только если можно показать без нарушения NDA."}},{"@type":"Question","name":"Как составить резюме веб-разработчика, чтобы оно прошло ATS?","acceptedAnswer":{"@type":"Answer","text":"Пишите простым текстом: без таблиц, колонок и иконок вместо названий навыков. Повторите формулировки из вакансии там, где это правда: HTML, CSS, JavaScript, Битрикс, адаптив. Оставьте стандартные заголовки — Опыт работы, Навыки, Образование. Сайт — ссылкой, не картинками внутри файла."}},{"@type":"Question","name":"Нужно ли добавлять фотографию в резюме веб-разработчика?","acceptedAnswer":{"@type":"Answer","text":"В России фото не обязательно. Для веб-разработчика важнее живой сайт, CMS и скорость. Снимок имеет смысл, только если вакансия прямо просит. Тогда берите нейтральный кадр."}},{"@type":"Question","name":"Нужно ли адаптировать резюме веб-разработчика под каждую вакансию?","acceptedAnswer":{"@type":"Answer","text":"Да, если вакансии разные: лендинги, Битрикс, кабинет или поддержка парка сайтов. Повторите в опыте те запуски и слова, которые правда есть в объявлении. Не переписывайте все CV с нуля — хватает порядка блоков и одной-двух цифр под задачу."}}]}]}