Как войти в фронтенд или как это учить?

Question

[dm1rt1y]

Мне надоело клепать бесконечные шаблоны на HTML, CSS (+ немного jQuery). В связи с этим я решил составить для себя что-то вроде тасклиста для изучения. Вот, кстати, и он сам:

• Node.JS + npm
  
• Vue.JS
  
• Gulp.JS
  
• SASS
  
• Pug
  

А теперь - вопросы:

1. Подойдёт ли этот тасклист для новичка с вышеупомянутыми знаниями, или стоит поискать что-нибудь другое?
   
2. Сколько времени уйдёт хотя бы на начальное знакомство со всеми пунктами?
   
3. Откуда начинать, в каком порядке изучать технологии?
   

P.S. Хотелось бы получить ответ именно здесь, так как google не смог дать достаточно полного ответа.

Comments

[Толстый Лорри]

google не смог дать достаточно полного ответа.

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

[hckn]

Интересно а как можно было "клепать бесконечные шаблоны" не зная тот же SASS? Впрчоем он Sass называется, а не SASS

Answer 1

[Koreetz Koreetz]

Список надо перевернуть в обратном порядке
1) Pug
2) Sass
3) Gulp
Вышеперечисленные инструменты можно двояко трактовать - с одной стороны они подойдут для того чтобы АВТОМАТИЗИРОВАТЬ шаблоны на HTML, CSS (+ немного jQuery),
а с другой стороны они работают с пунктами 4 и 5.
4) VUEjs
5) Nodejs
Что касается пунктов 4 и 5 сейчас модно изучать все эти фреймворки, но многие забывают что оба фреймворка работают на JavaScript - а этот язык не так прост в изучении как кажется, поэтому начните хотя бы с изучения es2015 поймите что такое hoisting-bubling базовые понятия языка - про NodeJs вообще молчу с его promise (для этого нужно es2016 знать)......... в общем зная JS неважно какой фреймворк вы будете использовать!

Answer 2

[Victoria Maler]

"HTML, CSS (+ немного jQuery)." Вы не упомянули JavaScript. ИМХО, нужно знать хотя бы основы до того как разбирать тот же Vue.
"Сколько времени уйдёт хотя бы на начальное знакомство со всеми пунктами?" Начальное знакомство - какое-то расплывчатое понятие. Зависит от Вашей скорости усвоения информации.
"Откуда начинать, в каком порядке изучать технологии?" - попробуйте для начала сверстать что-либо, используя sass. Параллельно начните изучать основы js хотя бы на learn.javascript.ru, потом изучите документацию по Vue.js и практикуйтесь.