Какой тип проектов стоит сделать для портфолио веб-разработчика, на позицию Junior?

Question

[Сергей Vortoms]

Доброго времени суток!

У меня к Вам такой вот вопрос:
Какой тип проектов стоит сделать для портфолио веб-разработчика, на позицию Junior, чтобы было стильно и современно.
А не очередной сайт визитка, или одностраничник. =)

И какими технологиями стоит пользоваться, чтобы произвести благоприятные впечатления.
Пока только владею HTML, CSS, базовый JS + JQuery, Git.
В процессе написания проектов собираюсь подтянуть что надо и залезть в

• Препроцессоры (SASS, coffescript)
  
• SS/JS Фреймворки (Bootstrap, AngularJS, Backbone) позже
  
• Сборщик проектов (Gulp, Grunt)
  

Answer 1

[xmoonlight]

SPA на нативном JS

Comments

[mkmister]

Что такое SPA ?))

[xmoonlight]

mkmister: ну здрасте) Single Page Application )

Answer 2

[denisftw]

Сейчас не 2012-й, так что точно не CoffeeScript, не Grunt и не Backbone.
Имеет смысл сделать что-нидудь на React или Angular 2 - они сейчас в тренде и пригодятся в любом случае.
Из технологий - если получится, то Webpack и EcmaScript 6 (через Babel)

Comments

[Сергей Vortoms]

Спасибо. Но помимо Angular в 90% вакансий требуют - Сборщик проектов (Gulp or Grunt). Значит все еще 2012 =)))

[Сергей Vortoms]

А вообще можете написать список что сейчас в тренде на Ваш взгляд? (Front-end)

[littleguga]

Сергей Vortoms: сейчас gulp актуален или npm-скрипты. Вот тут много актуального постят, думаю полезно будет.

[littleguga]

Сергей Vortoms: еще можно посмотреть jade/stylus.

[denisftw]

Ну, я против Gulp ничего не имею, мой коммент касался исключительно GruntJS. Как раз по результатом разных опросов, например

https://ponyfoo.com/articles/javascript-developer-...

Gulp используется чаще всего, так что его конечно не помешает изучить. Другое дело, что сейчас есть тенденция использовать Webpack в том числе для тех задач, которые раньше решались Gulp'ом и эта тенденция будет только усиливаться.

Технологии в принципе все уже названы - npm, ES6/Babel, Sass, React, Angular 2 (и соотвественно TypeScript). На мой взгляд, Angular 2 будет проще изучить чем React, но тут могу ошибаться.

[Сергей Vortoms]

littleguga: спасибо

[numfin]

Здешние наверно еще не в курсе, что создатель некоторых npm скриптов их удалил и просто разрушил проекты на них, такие как react babeli ember и тд

[Сергей Vortoms]

numfin: поподробней можно?

[Роман Претер]

Сергей Vortoms: а вот
https://bugtraq.ru/rsn/archive/2016/03/11.html

[denisftw]

Лучше читать не "желтопресные" переводы, а официальный блог npm:

blog.npmjs.org/post/141577284765/kik-left-pad-and-npm

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

Answer 3

[Saboteur]

Почему вы считаете, что сайт-визитка не очень?

www.coolwebmasters.com/uncategorized/3419-44-unusu...

Comments

[Сергей Vortoms]

Может и очень. Я интересуюсь что именно будет интересней для работодателя).

[Saboteur]

Сергей Vortoms: На позицию джуниор - просто покажите завершенные работы, пусть и маленькие, но законченные.

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

[Сергей Vortoms]

Сергей: не уточнил. Имел ввиду front-end.

[Saboteur]

Сергей Vortoms: В любом случае визитка или одностраничник вполне могут иметь место. Главное, чтобы проект был действительно завершенным и цельным, выдавать практический результат, а не быть "вот тут у меня менюшка, а тут я хотел сделать но не успел, а это я увидел на другом сайте но пока не понял как реализовать, а вот это точно работает"

[Кирилл Таран]

Сергей Vortoms: Как работодатель я в первую очередь смотрю у джуниоров не завершённые проекты, а качество кода, количество wtf-моментов и понимание того, что этот код делает. Как отметил Сергей важно, чтобы было понимание, а самые последние технологии не всегда могут быть нужны на проекте.

Answer 4

[Сергей Некрасов]

Вот сайт-портфолио очень даже ничего

Comments

[mkmister]

В этом портфолио все так дико лагает....

[Сергей Некрасов]

На западе все равно клюют на такие сайты, не зря же он на awwwards попал

Answer 5

[Web Developer Blog]

Пару хороших одностраничников, имхо