Портфолио разработчика: лайфхаки и советы

Современный ландшафт разработки ПО переполнен интересными проектами и талантливыми людьми — эти факторы не только развивают индустрию, но и повышают конкуренцию.

Чтобы выделиться и хорошо трудоустроиться, специалисту нужно предоставить реальные доказательства своей экспертизы — для этого и существует портфолио.

О том, как оформить портфолио разработчика, которое интересно читать будущим работодателям, расскажем в этой статье.

В чём особенности портфолио

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

Разберём на примере:

Характеристика	Портфолио	Резюме
Цель	Предметное рассмотрение кандидатов, которые прошли первичный отсев	Быстрый первичный отсев
Форма	Визуальное представление работ и проектов — часто с кодом и описаниями	Текстовый документ в виде списка или таблицы
Содержание	Демонстрация конкретных проектов, кода, ссылок на репозитории, описание используемых технологий	Обзор профессионального опыта, образования, навыков и достижений
Визуальные элементы	Может содержать изображения, графику, схемы, скриншоты, ссылки на веб-сайты	Фокус на текстовом описании — визуальные элементы ограничены
Цель	Подробное представление навыков и опыта для лучшего понимания кандидата	Краткое и структурированное описание ключевых данных человека для быстрого анализа
Дополнительные материалы	Может включать ссылки на блог, профили в социальных сетях и т. д.	Содержит минимальное количество дополнительной информации

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

Если коротко, портфолио — это прямое доказательство компетенций, о которых программист писал в своём резюме.

Где можно размещать портфолио

Существует множество платформ, где ИТ-специалисты могут показать свои работы и найти потенциального работодателя:

• GitHub

• CodePen

• Bitbucket и так далее

Это удобные ресурсы, на которых программисты рассказывают о себе, описывают свои проекты и делятся ссылками на соцсети.

Однако у таких платформ есть ощутимый минус — ограниченная кастомизация профиля. Это вредит полноте портфолио и снижает шансы получить работу.

Вот почему для демонстрации своих навыков frontend и backend-разработчики могут использовать собственный сайт, а также презентации в PDF-файле или Google Docs.

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

Сделать это можно:

• Через медиаконтент. Например, видеопрезентация навыков, скриншоты кода, графики производительности проектов (ускорение кода, оптимизация запросов) и т. д.

• Через тематические разделы (категории, виды, ниши проектов и др.). Это облегчит навигацию по сайту и позволит быстрее понять пул компетенций специалиста.

А главное, хорошо оптимизированный сайт сам по себе служит прямым подтверждением высокой экспертизы разработчика.

Однако широкие возможности веб-страницы требуют много времени и ресурсов, что не всегда оправдано. Поэтому иногда для демонстрации навыков программисту достаточно и PDF-файла, в котором можно свободно разместить основные блоки и разделы портфолио (ссылки на код в Github, навыки, контакты).

При этом как сайт, так и PDF-файл помогут специалисту:

• Проявить свою индивидуальность (логотип, цветовая палитра и т. д.) и выделиться среди конкурентов.

• Получить полный контроль над контентом, не ограничиваясь политикой SaaS-платформ и прочих сервисов.

Для кого пишется портфолио

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

• Специалист по управлению персоналом. Оценивает профессиональную историю соискателя. Как правило, берёт во внимание образование, прошлые должности, сертификаты, участие в тематических ивентах и т. д.

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

Таким образом, портфолио, созданное под конкретную группу (или несколько групп) пользователей, имеет большие шансы на привлечение работодателя.

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

Структура портфолио

Правильное оформление портфолио зависит только от фантазии и возможностей разработчика. Однако есть разделы, которые обязательно должны быть:

1. Экспертиза и компетенции.

2. Пул проектов.

3. О себе.

4. Контакты.

5. Ссылки на проект на других платформах.

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

Экспертиза и компетенции

В блоке перечисляется конкретная информация о технических навыках разработчика:

• Перечень языков программирования.

• Фреймворки и библиотеки.

• Архитектурные шаблоны.

• Методологии.

• Программы и инструменты.

Можно также добавить графики или диаграммы с процентной оценкой применения каждого навыка.

Пул проектов

То, ради чего и создавалось портфолио, поэтому здесь акцент идёт на качество, а не на количество. Достаточно выбрать от 3 до 5 кейсов (в зависимости от фокуса программиста) и подробно описать каждый из них:

• краткое содержание проекта

• поставленные задачи

• используемые методы и техники

• языки программирования, фреймворки, библиотеки и так далее

• возникшие сложности и способ их устранения

• срок завершения проекта

• скриншоты или ссылки на полученный результат

Также можно включить ссылку на исходный код (к примеру, в GitHub) — это поможет лучше понять уровень и методы разработчика.

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

Это особенно полезно, когда портфолио смотрит только HR-менеджер, который не разбирается в программировании. Детальное описание кода поможет убедить рекрутера в компетенциях соискателя без необходимости углубления в тонкости разработки.

Рекрутеры часто уделяют внимание pet-проектам. Большая часть таких работ создаётся с нуля и силами одного программиста, поэтому кроме опыта и навыков демонстрирует:

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

• Самостоятельность и ответственность. Завершение pet-проекта требует самодостаточности и умения принимать решения (которые обязательно доводятся до конца).

• Стремление к саморазвитию. Занимаясь pet-проектами, разработчики часто экспериментируют с новыми технологиями, языками программирования и инструментами. Рекрутеры могут истолковать это как систематическое стремление соискателя к расширению своего кругозора.

О себе

Здесь описывается более личная информация о разработчике: кто он, когда решил программировать и почему ему это нравится, каким следует принципам и т. д.

Можно рассказать о своих хобби, целях или забавных историях — это только очеловечит портфолио и подогреет симпатию потенциального работодателя.

Также важно разместить качественное фото специалиста. По статистике, через 3 дня люди помнят только 10% от прочитанного — с фотографией показатель повышается до 65%.

Контакты

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

Поэтому важно, чтобы контактные данные было легко найти (можно даже дублировать их на сайте) — иначе пользователь переключится на следующего кандидата.

Для связи предлагают:

• контактную форму с небольшим количеством полей (Ф. И. О. и телефона достаточно)

• email

• чат-бот

• соцсети и мессенджеры

Ссылки на проекты в других платформах

Ссылаться можно на уже упомянутые сервисы вроде GitHub, CodePen и др.

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

Улучшение портфолио разработчика

Для повышения конкурентоспособности соискателя в портфолио часто добавляют следующие блоки:

• Отзывы. Поделиться откликами можно через скриншоты переписок в соцсетях, благодарственные письма, рекомендации от работодателей и т. д.

• Блог. Здесь пишут на любые профессиональные темы — от применения SOLID в ООП до гайда по карьерному росту в ИТ.

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

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

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

• Превью и анализ популярных проектов. Не только показывает внимательность и глубокие навыки разработчика, но и демонстрирует его познания в трендах ИТ-сферы.

Также в портфолио можно добавить ссылки на экспертные публикации, упоминания в СМИ и подкастах, награды и многое другое.

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

Как нельзя составлять портфолио

Чтобы портфолио было максимально эффективным, при его составлении следует избегать следующих ошибок.

Количество вместо качества

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

Также не стоит показывать проекты, составленные с помощью инструкций (например, туториалов). В таких кейсах слишком большой вклад специалиста, который направлял разработчика, поэтому по ним сложно провести границы личных навыков соискателя. Исключение: чужие проекты, которые разработчик самостоятельно переработал или дополнил не менее чем на 50%.

Отсутствие описания кейсов

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

• Показать итоговый продукт.

• Отразить используемые методы и инструменты.

• Рассказать о подходе к конкретной задаче и т. д.

Технические ошибки

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

Если у разработчика сбоит его же сайт, рекрутеры с трудом поверят, что тот соответствует профессии.

Добавление незавершённых кейсов

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

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

• Может показаться, что это портфолио начинающего разработчика, которому нечего предложить, и он прибегает к полумерам.

Лучше выставлять завершённые кейсы, которые демонстрируют не только навыки, но и целеустремлённость программиста.

Чтобы усилить портфолио, разработчику нужно проявлять активность и развивать свой бренд. Например, кроме собственного блога можно вести YouTube-канал, делиться кейсами из программирования, разборами кода и другой тематической информацией. Также можно выступать на конференциях, участвовать в opensource-проектах и другими способами демонстрировать свою экспертизу.

Заключение

Таким образом, портфолио — отличное подспорье для трудоустройства в сфере разработки ПО. В отличие от резюме, сайт наглядно показывает уровень и экспертизу специалиста и даёт работодателям более подробное понимание опыта соискателя.

Однако ограничиваться кейсами не стоит. Портфолио должно раскрывать личность и актуальность программиста — поэтому важно тщательно оформлять разделы «О себе», «Отзывы», «Блог» и др.