Показываю вам точные проекты, которые я создал, когда меня наняли фронтенд-разработчиком.

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

Что искать в портфолио

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

Единственный текст, который у меня был в моем портфолио, был следующий:

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

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

Дизайн и содержание

Сосредоточьтесь на дизайне сайта. Я рекомендую сохранять простоту, а не делать что-то слишком сложное.

Витрина проектов

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

Навыки и умения

Создайте раздел на веб-сайте, в котором вы перечисляете свои навыки. Не включайте проценты. Я вижу, что многие люди пишут что-то вроде «Java: 70%». Что это вообще значит? Если вы работали с технологией, перечислите ее. Необязательно быть мастером в технологии, прежде чем включать ее в свой опыт.

Контакт

У вас также должен быть раздел Контакты, в котором пользователь может связаться. Я включил ссылку на свою учетную запись Github и свой адрес электронной почты.

Проекты

Сами проекты, конечно, очень важны. Вы должны стремиться создавать разные проекты, которые могут продемонстрировать что-то конкретное. Вот 5 моих проектов, которые я могу порекомендовать:

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

Создано с помощью: React, Materialize CSS framework, Firebase.

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

Создано на основе: React, React Router, Sass, Bootstrap, Firebase.

Веб-сайт электронной коммерции
. Создание веб-сайта электронной коммерции было отличным способом продемонстрировать более совершенное управление состоянием. Я использовал Redux для управления состоянием.

Создано с помощью: React, React Router, Redux, Sass, Bootstrap, Firebase.

Веб-сайт с концепцией ресторана:
Другой веб-сайт ресторана, но на этот раз я воссоздал веб-сайт известного ресторана. Он показал, что я могу воссоздавать дизайн, используя фреймворк CSS.

Создано с помощью: React, NES.css, Sass, Firebase.

Концептуальный веб-сайт:
Этот последний проект был создан, чтобы продемонстрировать мои навыки CSS. Я использовал Animate.css и Fullpage.js, чтобы создать классную анимацию прокрутки.

Создано с помощью: React, Animate.css, Fullpage.js, Sass, Firebase.

С момента создания этого портфолио я несколько раз менял его, и теперь оно совсем не похоже на то, что было раньше. Это то, что мне нравится в портфелях разработчиков: они постоянно развиваются. Я надеюсь, что демонстрация того, что сработало для меня, поможет вам создать собственное портфолио. Если вас интересует мой текущий сайт, вы можете посетить его isaks.io :)

Спасибо, что нашли время прочитать эту статью. Любые отзывы приветствуются!

Больше контента на plainenglish.io