Собираем отличное портфолио веб-разработчиков

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

Что делает портфолио отличного веб-разработчика?

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

Вы не найдете правильного или неправильного способа сделать это. Но вы найдете некоторые элементы, которые можно найти в самых успешных портфолио веб-разработчиков. Мы рассмотрим эти элементы и разберем, почему они работают и как вы можете легко реализовать их в новом портфолио или обновлении существующего.

1. Ваше имя и профессиональная контактная информация

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

Конечно, держать информацию вверху - это здорово, но подумайте о том, чтобы иметь плавающее поле или небольшой раздел, который прокручивается вместе с пользователем. Таким образом, вы всегда на расстоянии одного клика от звонка или электронной почты. Вы даже можете сделать еще один шаг и создать вкладку Facebook Messenger, где они могут связываться с вами напрямую через чат. Просто, что бы вы ни делали, не закапывайте информацию в нижний колонтитул. Или в конце длинного раздела, или затруднить или запутать поиск.

Кроме того, убедитесь, что это полностью профессиональная контактная информация. Мы уверены, что вы слышали это раньше, но если ваша электронная почта [защищена по электронной почте] , к вам будут относиться менее серьезно, чем если бы они увидели [электронная почта защищена] .

1а. Фото

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

2. Рассмотрите возможность объединения биографии, опыта и образования в повествование.

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

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

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

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

Вот переработанная моя текущая биография, в которой выделены некоторые из моих впечатлений и истории:

Помимо того, что я просто отличная, у меня есть степень магистра английского языка в Университете Северной Алабамы в 2009 году , я почти 10 лет преподавал английский в колледже (литература и сочинение на разных уровнях) и работал директором кампуса письменного центра в Мартине. Методистский колледж в Пуласки, Теннесси . Я начал работать с WordPress в 2008 году , а это значит, что я могу заставить его делать все, что вам нужно.

Выучив достаточно PHP , CSS и JavaScript, чтобы быть опасным, в то время как WordPress был моим хобби, я перешел на постоянную работу фрилансером и создал веб-сайты, которые вы видите ниже. Однако я не хотел полностью отказываться от писательства и был опубликован в таких журналах, как Like the Wind и The No'Ala . Это привело к тому, что в мае 2017 года я начал работать фрилансером в Elegant Themes , а позже в сентябре я начал работать постоянным создателем контента для ET .

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

2а. Используйте временную шкалу

Мы полагаем, что здесь можно посоветовать как можно больше избегать маркированных списков. Мы думаем, что Кайл Ледбеттер очень хорошо справился со своей историей работы. Он помещает его на временную шкалу, которая легко усваивается, поддается сканированию и дает представление о его истории до сих пор.

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

3. Покажите и опишите свои проекты

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

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

Потому что, когда вы нажимаете на любую запись в таблице, вы не переходите к окончательному результату проекта . Безусловно, это наиболее распространенное использование этих портфелей. Подход "щелкни, чтобы увидеть, что я сделал". Однако то, что делает Адхам, берет хорошую идею и делает ее великой. Он разбирает каждый проект от концепции до завершения. Он абсолютно прозрачен в отношении причин каждого решения, которое было принято в ходе проекта.

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

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

Что делать, если ваш портфель пуст?

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

Во-первых, обратите внимание на «Только для новичков». Этот сайт разработан специально для людей, которые принимают свой самый первый запрос на перенос с GitHub. На GitHub есть теги, которые проекты могут включать, чтобы указать, что их проект с открытым исходным кодом имеет некоторые простые и доступные потребности. Такой вклад отлично подходит для развития вашего портфолио (и действительно карьеры разработчика в целом). Некоторые из этих видов вклада могут иметь большое значение, чтобы показать, на что вы способны. (И что вы достаточно хороши в том, что делаете, чтобы случайный интернет-незнакомец вас одобрил и принял в свой проект).

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

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

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

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

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

Заключение

Наличие отличного портфолио веб-разработчика имеет большое значение для получения работы. Это не только демонстрация того, что вы сделали, но и то, какие навыки и индивидуальность вы привнесете в любую команду, к которой присоединитесь. Потенциальные клиенты и менеджеры по найму изучают портфолио, чтобы узнать, совместимы ли они с разработчиком, чтобы увидеть, что у вас получается лучше всего, чтобы увидеть, что, по вашему мнению, у вас лучше всего, и заглянуть в ту часть вашего мозга. который собирает код таким же особым образом, как и вы. Имея все это в виду, мы думаем, что теперь у вас есть инструменты, которые помогут сделать ваш портфель веб-разработчиков отличным. А может быть, даже больше.

Какой частью вашего портфолио веб-разработчиков вы больше всего гордитесь?

Статья от 0beron / shutterstock.com