A good step by step tutorial explaining the modern frontend?

Question

Frontend

Essence of the question. I can write code. There is a roadmap where to move to see the whole picture. But it does not explain why task runners, package manager, module loader/bundler are needed. That is, we need a tutorial that does not explain where to write what. And giving a complete idea of ​​​​how to organize a working environment. Explaining why these tools are needed. It is desirable that there be an example of an application written with the help of them.

Answer 1

But it does not tell why task runners, package manager, module loader/bundler are needed

It also doesn't tell you that 2+2=4, what html is, and so on. Doesn't this bother you? What's the problem with going to the page of some gulp and reading why it is needed? What is the point of the author copy-pasting? Or are you looking for an article containing everything? So search engines are.