Тож у цьому гайді ми з вами поговоримо, що має бути в портфоліо розробника і чого треба дотримуватись при його складанні. Звісно, приділимо увагу і помилкам, які часто допускають початківці при створенні портфоліо, адже з першого погляду взагалі незрозуміло що там має бути. Адже, здавалося б, як можна створити правильне враження про себе завдяки коду? Насправді можна, і нижче ми покажемо як це зробити. Джунам і взагалі початківцям радимо дочитати до кінця, там буде дуже корисне для вас.
В чому сенс портфоліо розробника
Перш за все ви завдяки портфоліо показуєте, що не тільки володієте теоретичними навичками та знаннями, а і вже маєте досвід застосування їх на практиці. В цьому плані важливо не плутати портфоліо та резюме, бо останнє - це і є простенький опис ваших навичок, курсів, освіти, яку ви отримали, де працювали, відомостей про вас як людину тощо. Портфоліо ж має зовсім іншу функцію - показати що ви вмієте робити і наскільки відповідаєте посаді та функціям, на які претендуєте.
Якщо ваше портфоліо професійно складене, воно стає частиною вашого особистого бренду, і буде додатковим джерелом залучення уваги до вас з боку HR-ів. Воно одразу покаже, що ви вмієте, розкриє вас як справжнього аса у певній галузі, що не тільки прорекламує вас, а і збереже час на співбесіді. Пам'ятайте просте правило: джунів багато, а посада і рекрутер в одиночному екземплярі.
Ще одне завдання портфоліо - підкреслити унікальність саме вас, адже зазвичай у переліку навичок та вмінь всі пишуть приблизно одне і те саме, а от наочний приклад - це спосіб виділитись. Не забувайте додавати посилання на своє портфоліо на всіх своїх сторінках у соцмережах, форумах і взагалі будь-яких майданчиках де ви активні і присутні, адже просто створити його замало, ще важливо і завести туди трафік.
Чи варто робити портфоліо-презентацію
Конкретно для розробника це недоцільно. Нижче ми розкажемо що саме має бути в портфоліо розробника, і ви самі зрозумієте що в рамках слайдів або зображень на презентації розкрити ваш потенціал як спеціаліста фактично неможливо.
Так, воно може зіграти певну роль, однак легким шляхом тут не обійтись. Презентації добре підійдуть для дизайнерів або художників, але не для розробників.
Що перш за все має бути в портфоліо розробника
Виходячи з тих завдань, про які ми говорили вище, випливає і те, що точно має бути у вашому портфоліо. Перш за все, звісно, це короткі відомості про вас, на чому саме спеціалізуєтесь. Сюди ж плюсуємо бажану посаду, додаємо (якщо вони є) відгуки від клієнтів, згадки про вас у публікаціях, одним словом все що можна описати як своєрідний "вплив третьої сили".
Також, звісно, контактна інформація, бо ми ж хочемо щоб нас знайшли. Все має бути коротенько, але зрозуміло.

Обов'язково опишіть ваші навички, інтереси, цілі (наприклад, чого хочете досягти у професії та житті), бажано використовувати при цьому ключові слова та вирази, за якими вас зможуть відшукати потенційні роботодавці. Як варіант, можна використовувати для цього маркований список - наочність ще нікому не заважала.
Опишіть ваш проєкт
Це, мабуть, найголовніша частина портфоліо розробника, і до неї слід поставитись максимально відповідально. Перш за все, оберіть не той проєкт, який був максимально легким і простим, а той який потребував від вас максимуму знань та зусиль. Адже саме подібний досвід буде характеризувати вас як спеціаліста.

Наприклад, ви досвідчений розробник. В цьому випадку доцільно продемонструвати помірно складний код, який можна детально пояснити. Або, наприклад, ви долучались до кодування складного проекту? Поясніть, як саме ваш код покращив платформу.
Якщо ж ви початківець, то продемонструйте незвичний приклад, тобто такий код, який вимагатиме пояснень і при цьому буде функціональним. Роботодавці зазвичай хочуть бачити поєднання нетривіальності, логіки та надійної практики.
У викладенні проєкту слідуйте алгоритму STAR, що має наступні складові:
- Situation
- Task
- Action
- Result
Додавайте максимально більшу кількість наочного матеріалу, тобто скриншотів, графіків, таблиць, функцій, статистики. Це дуже допомагає швидко зрозуміти ваш кейс та оцінити його.
Показуйте у проєкті повну послідовність його виконання, або як це кажуть - флоу роботи. Коли ви "шарите" у повному спектрі розробки, це одразу додає вам плюсик в душі рекрутера. Уважний і кропіткий підхід одразу помітний і дуже цінується.
Що ще треба вказати у портфоліо
Також обов'язково вказуйте, якими саме технологіями ви володієте, а також як ви їх застосували у конкретному проєкті і чому. Проєкт у портфоліо має відповідати тій вакансії, на яку ви подаєтесь.
Мають бути посилання на макет, код, опис та опубліковану версію програми або сайту тощо. Самі проекти потрібно підбирати так, щоб вони включали технології та навички, вказані у вакансії. Умовно, якщо у вакансії роботодавець вказав, що йому потрібний розробник зі знанням (наприклад) Less, то хоча б в одному з ваших проєктів має обов'язково використовуватися цей препроцесор. Впевнено покажіть що ви вмієте в те, що треба роботодавцю!
Покроковий план створення портфоліо
А тепер перейдемо до того, що і за чим треба робити, щоб скласти хороше портфоліо навіть якщо ви ніколи не мали подібного досвіду.
- Спочатку визначіть спеціалізацію, якій буде присвячено ваше портфоліо. Це одразу обумовить специфіку проєктів, які будуть у ньому представлені.
- Далі власне описуйте проєкт, дотримуючись вказаних вище критеріїв. Кожен проєкт має бути оформлений так, щоб його можна було легко оцінити і запустити. Для цього у файлі Readme обов'язково повинні бути наявні такі фрагменти: короткий опис, технології, інструкція по запуску, а також демо-версія проєкту чи продукту, або хоча б скріншоти.
- Створіть свій профіль на GitHub. Вкажіть там своє місцепроживання, очікування та навички.

Також там само можна викласти і приклади своїх робіт, з якими може ознайомитись роботодавець. Не всі мають можливість (особливо це стосується початківців) створити та підтримувати власний сайт з прикладами робіт, тому GitHub це, можна сказати, ваш маст-хев.
- За можливості, створіть окремий сайт, що буде присвячений вашому портфоліо. Обережно, розповсюджена помилка: можете подумати, що додавання вишуканого дизайну чи анімації до вашого портфоліо збільшить ваші шанси на працевлаштування. Але якщо цей дизайн чи анімація заплутують, відволікають або є непотрібними, це може погано відобразитися на вас.

- Тому краще оберіть простоту і мінімалістичний дизайн із посиланнями на свої найкращі проєкти у різних напрямках. Також не забувайте регулярно оновлювати своє портфоліо. Приклад простого сайту можете бачити на скріншоті. Як бачите, все стисло але водночас інформативно.

Окрім того що так ви будете підтримувати його актуальність, це буде додатковою ознакою для HR, що ви досить ретельно слідкуєте за власною репутацією і сприйняттям вас як спеціаліста, що послужить додатковим балом на вашу користь.
Що не потрібно додавати до портфоліо
- Звісно, перш за все залиште "за бортом" сумнівні або невдалі роботи. Не додавайте проекти, якщо хоч трохи не впевнені у них. Показуйте тільки найуспішніше і найцікавіше, адже на перегляд вашого портфоліо у HR-фахівця не так багато часу, а ваших конкурентів багато. Якщо ви зараз працюєте над цим проєктом, то теж обов'язково вкажіть це.
- Також абсолютним табу є чужі проєкти. Не намагайтесь присвоїти собі чужі досягнення. Це не тільки питання доброчесності, а і того що ви не зможете пояснити причини чому все зроблено саме так, а не інакше. Тому додавайте лише свої роботи чи роботи, у яких брали участь. Якщо ви даєте посилання на великий спільний проект і частину коду або дизайн робили не ви, напишіть про це в коментарях. Гарним ходом буде додати посилання на написаний вами код та комміти.
- Не намагайтесь брати масовістю. Тому додавати одразу надто багато проектів. Краще вибрати кілька ваших найсильніших робіт, ніж показати, як багато ви встигли зробити. Зрештою, HR-а буде цікавити перш за все ваша кваліфікація по конкретному напряму та профілю.
- Проєкти, що не є актуальними. Якщо ви раніше працювали на іншому стеку, або мовою що не застосовується, то не додавайте приклади таких робіт. Втім і відмовлятись від набутого досвіду не треба. Можна залишити посилання на окреме портфоліо цією мовою. Це може стати вашою перевагою для майбутнього роботодавця під час наступного відбору.
Кілька порад для початківців
Варто уникати створення поширених речей, які можна побачити в більшості портфоліо (наприклад, звичайний додаток для нотаток чи якийсь калькулятор). Робіть те, що вам подобається створювати, але водночас те, що потенційний роботодавець (або навіть люди загалом) вважатимуть корисним (наприклад, певні цільові сторінки чи додатки тощо).
Пам'ятайте, що проєкти мають певну спеціалізацію, і виходячи з цього як плюси, так і мінуси. Коротко пройдемось по основних типах.
Наприклад, комерційні проєкти як правило високо цінуються, окрім рекламних. В рекламних проєктах висока якість коду зазвичай не потрібна, тому це буде поганим аргументом.
Досвід участі в хакатонах свідчитиме про вашу здатність працювати у стресових ситуаціях та у стислий час. Але якщо у вас не було досвіду роботи окрім хакатонів, то вас можуть "запідозрити" у звичці підганяти все під дедлайн із втратою якості.
Що ж до пет-проєктів, то з його плюсів (відкритість, відсутність жорстких строків, обмежень по формату чи технологіям) витікають і його мінуси. Зазвичай, якщо не маєте іншого досвіду, то ви можете поступитись в очах рекрутера іншому кандидату. Тому з обережністю включайте такі проєкти у портфоліо, хіба що вони призвели до великого інтересу до вас.
І наостанок важлива порада. Якщо ви приймали участь у open-source проєкті, обов'язково вкажіть про це. Це дуже хороший спосіб для розробника-початківця заявити про себе, оскільки це не є обов'язковою умовою, однак буде важливим плюсом на вашу користь.
