How to enter the frontend or how to learn it?

Question

IT education

I'm tired of riveting endless templates on HTML, CSS (+ a bit of jQuery). In this regard, I decided to make for myself something like a tasklist for studying. By the way, here he is:

• Node.js + npm
  
• vue.js
  
• gulp.js
  
• SASS
  
• Pug
  

And now the questions:

1. Is this tasklist suitable for a beginner with the above knowledge, or is it worth looking for something else?
   
2. How long will it take at least for the initial acquaintance with all the points?
   
3. Where to start, in what order to study technologies?
   

PS I would like to get an answer here, since google could not give a sufficiently complete answer.

Answer 1

The list must be reversed
1) Pug
2) Sass 3 )
Gulp and 5. 4) VUEjs 5) Nodejs As for points 4 and 5, it is now fashionable to learn all these frameworks, but many people forget that both frameworks work on JavaScript - and this language is not as easy to learn as it seems, so start at least with learning es2015 understand what hoisting-bubling is, the basic concepts of the language - I’m generally silent about NodeJs with its promise (for this you need to know es2016) ........ in general, knowing JS does not matter which framework you will use!

Answer 2

"HTML, CSS (+ some jQuery)." You didn't mention JavaScript. IMHO, you need to know at least the basics before disassembling the same Vue.
"How long will it take at least for the initial acquaintance with all the points?" Initial acquaintance is some kind of vague concept. Depends on your speed of assimilation of information.
"Where to start, in what order to study technologies?" - try writing something using sass first. At the same time, start learning the basics of js at least at learn.javascript.ru, then study the Vue.js documentation and practice.