Какие проекты JavaScript отлично иметь в своём портфолио?

Question

[Carl_Zeiss]

В качестве дополнения к своему резюме (Junior frontend) и собственного развития хочу сделать несколько абсолютно разных небольших проектов, демонстрирующих навыки владения JavaScript (может быть ещё чуть-чуть вёрстки). Как считаете, что подойдёт лучше всего?
P.S. Пожалуйста, не надо разговоров про собственную фантазию и прочее - свои идеи есть, но хотелось бы собрать ещё мнений

Comments

[Владислав Лысков]

этот ресурс не для сборов идей\мнений
напиши свой генератор идей

[reinmaker90]

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

[Алекс Глебов]

reinmaker90, в топку таких работодателей. кидаешь 10 откликов и тебе на каждый тестовое от 4ч до недели. Даже без обсуждений, подходит тебе работа или нет. Пусть портфолио смотрят.

[G F]

reinmaker90, вероятность приглашения на собеседование джуна без портфолио стремится к нулю :|

[reinmaker90]

G F, я ходил, хотя не нужна была вакансия, просто проверить себя

[LJ322]

Алекс Глебов, сейчас портфолио нужно, чтобы тебе ответили и кинули тестовое)) Без портфолио даже не посмотрят в его сторону

Answer 1

[Пашенька]

Вот и напишите проект, который будет генерировать идеи проектов.

Answer 2

[Дмитрий]

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

Answer 3

[Alex]

Начните с умения гуглить
https://github.com/strongdan/beginner-js-projects
https://github.com/florinpop17/app-ideas
https://github.com/tastejs/awesome-app-ideas

Comments

[Пашенька]

Эти проекты родят посредственность. Никто не хочет быть посредственностью. Пусть сам придумывает.

[Fenjkeee]

Спасибо. Единственный полезный комментарий.

Answer 4

[xmoonlight]

Как считаете, что подойдёт лучше всего?

Тот, который сделан качественно, с душой и для людей. Лучше всего: с востребованным функционалом, которого сейчас нигде нет.

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

Answer 5

[profcat]

Выдержка про портфолио из моего резюме:

Игра “Шашки” с сервером

Клиент писался на стеке React + Redux с применением Immer.js. Онлайн игра использует web sockets для связи с сервером, написанным на Express.js. Для онлайн игры имеется возможность создавать множество игровых комнат с уникальным id, который используется для подключения. В лобби имеется чат для общения между игроками. Если нет возможности играть онлайн, можно играть оффлайн вдвоём на одном ПК.

Игра “Сапер”

В начале 2020 года реализовал на стеке Vue + Vuex с использованием препроцессора Pug, примечателен высокой производительностью и адаптивностью под мобильные дисплеи вплоть до IPhone 4. Затем был был переписан на стеке React + Redux с применением redux-thunk, TypeScript и styled-components.

Видеоплеер с сервером

Клиент написан на стеке React + Redux с использованием Immer.js, material-ui и video.js. На данный момент возможно просматривать видео оффлайн, переместив файл в плеер через drag&drop, либо запустить сервер и брать видео с него через реализованный файловый менеджер. Загрузка на сервер возможна при переносе файла в область файлового менеджера. Есть возможность следить за прогрессом загрузки и отменять загрузку если требуется. Сервер написан на Express.js с применением multer. Для передачи видео использует streams.

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

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

Если боишься слово сервер - его на ноде написать очень просто. А на express.js вообще элементарно, одного вечера для изучения и написания простенького сервера хватит)

Answer 6

[Макс]

Попробуйте написать клиента для pets-api: https://github.com/mbelsky/pets-api сначала можно на чистом js, потом с использованием react/vue. В README все необходимые действия описаны по шагам.

По изначальному сообщению не понял вашего уровня знаний js, но вдруг будет самое то.

Answer 7

[Lillipup]

Никакие, сомневаюсь что они что то значат. А вот иметь в резюме коммерческие проекты, это круто.

Comments

[Дмитрий]

Работодатели очень часто просят ссылку на код. Если человек написал код - какая разница коммерческий он или нет?

[Strannyk]

Дмитрий, Как дать ссылку на коммерческий код?

[Дмитрий]

Strannyk, Это у автора ответа надо спросить. Но полностью вопрос должен звучать так: "Как дать ссылку на коммерческий код и где найти недорогого но грамотного адвоката?"

[Strannyk]

Lillipup, Если сайт в интернете, то да. А если корпоративное приложение - то не выйдет.
Грамотного описания сути проекта, перечня технологий и зон ответственности для вменяемых людей, обычно, достаточно.

[reinmaker90]

Дмитрий, а как доказать что это проект ваш, а не программиста с работы который писал его и бросил, а вы дописали 20 строк кода и пару сотен строк css, ну и так далее, вроде в резюме как минимум у разработчиков с стажем вообще ссылок на свои проекты нет, только коммерческие , ну и большинство все же предлагает сделать тестовое задание, по мимо часовых интервью

[Пашенька]

reinmaker90, никому не нужны никакие доказательства, всё покажет интервью.

[Дмитрий]

reinmaker90, Я не очень понимаю что вы подразумеваете под "ссылки на коммерческие проекты"? На код или на сайт? На сайт я не думаю что кому-то интересно любоваться. А на код кто вам даст право выкладывать, если только вы не собственник проекта?

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

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

[reinmaker90]

Пашенька, так я про тоже, смысла от сайта, если главное интервью и тестовое задание, по нему и судят о возможностях

[reinmaker90]

Дмитрий, с тестовым заданием не согласился бы, есть знакомый которого приглашали в Райфайзен и Серверсталь с условием опыт ком.разработки от 5 лет,в обоих вариантах после диких часов на интервью еще давали тестовое задание, а после него еще шло другое на пробный период)

[Пашенька]

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

[Дмитрий]

reinmaker90, Все зависит от ценника. Если зп средняя по рынку, то вряд ли ваш знакомый стал бы тратить дикие часы.

Answer 8

[Владимир Коротенко]

У меня странное отношение к гитам которые созданы ради резюме. Отношение как к эллочке людоедочке. Кидайте туда что вам интересно или то за что получали деньги.

Answer 9

[Kirill Makarov]

Создай игру 21
Создай магазин пиццы типа додо
Создай туду на реакте
Создай туду с помощью redux
Создай туду с помощью mobx
Создай что нибудь на react-native
Посмотри разные технологии, можно даже typescript попробовать
Это же для накачки скилла, плюс если это для резюме работодатель увидит что разные технологии щупал