When to learn npm, grunt, bower, git etc?

Question

css

Good afternoon.
I know HTML, CSS, LESS (I make up templates for training), I study JavaScript ( learn.javascript.ru , O'Really books).
In general, I wrote the first layout simply in Notepad, then switched to Notepad ++, now I'm typesetting in Sublime Text. I compile LESS through WinLESS.
But the more I read all sorts of articles, the more I stumble upon such terms as npm, grunt, bower, git ... (it seems legion of them), I get confused in terms, I look for one tool, I stumble upon another, I forget what I was looking for at all, my hands drop ...
How often are these tools used in web development, will they accept me without their knowledge for the first job, or should I not spray and polish the HTML-CSS-JS bundle to blue in the face with Sublime Text+WinLESS, but npm, grunt, bower, git and so on to the distant future?
Thank you.

Answer 1

In fact, everything is very simple.
NPM is a package manager that comes with node.js. With it, you can install everything that you have listed above and other modules and programs.
Gulp, Grunt are console utilities. They are interchangeable. They do the chores for you: compile Less Sass, glue scripts, minify scripts, styles, make sprites, optimize images, and even set up their simple web server and LiveReload.
Gulp or Grunt - A matter of taste. I liked more Gulp. He's faster.
Git is a version control system for your code. It allows you to organize the joint work of several developers on a project.
Bower is just a utility that quickly downloads the necessary libraries for you and from the dependency. What would you not climb the sites of developers. For example, you need to install jquery - you just write Bower install jquery in the console and Jquery is downloaded to you.
I believe that Git in modern work is simply necessary as air.
Gulp or Grunt and Bower have made my life a lot easier.
I think that for getting a job, Git will be the key knowledge. and then everything else.
Gulp or Grunt and Bower are very lightweight programs for first use. You can try them and decide whether you need them or not - in a very short period of time.

Answer 2

npm/bower makes it easy to install third party libraries. To browse sites and download jQuery, jQueryUI, Bootstrap, etc., all this is installed with one command.
grunt/gulp -- taskrunners that allow you to organize tricky compilation / merging of files / minification and other things that a frontender may need. Firstly, this is not only LESS, but a million other things, and secondly, it is configured for the project and once (that is, each developer does not need to install WinLESS and configure it).
git/mercurial/svn is a version control system. There is nowhere in the team without this (and no one will commit the code for you), but there is a profit in single development.

Answer 3

All these tools only make your work easier, automate what you already did before. First, learn to work without them, and then slowly, if necessary, add them to your new projects and feel the taste of real life!)

Answer 4

You don’t have to study everything at once - you will forget the fuck everything or you will be confused.
npm, bower - only a couple of commands you need to know,
git - you also need to know a few commands and how it works.
grunt - also.
That is, I mean that you don’t need to try to learn all the commands, 80% of them are not needed by the average programmer, and even more so at the beginning.
With practice and experience, everything will fall into place, study one, another, third and do not forget to practice in order to consolidate what you have learned, and move on ..
All the tools described above are just helpers for the programmer or just good friends). These are tools that you can do without, but with which it becomes easier to live))
I more than agree with Lenar Fattakhov

Answer 5

npm, grunt, bower, git are important and related technologies. I advise you to study them.
In short:
npm is a package manager for nodejs. Grunt and bower are placed through it.
grunt - builds the front-end: less -> css will overtake for you.
bower - javascript package manager
git - version control system, every developer must know and use. With the help of git, the above-mentioned libraries also download packages, for example from github.

Answer 6

The same bower at the minimum level (adding dependencies, updating, installing) is mastered in an hour.
All together at the minimum level for the week (the hardest thing with git will be).

Answer 7

Yesterday

Answer 8

If you work under Windows, then install nodejs, at least for compiling less (I will give an example of installation via chocolatey)

chocolatey install nodejs
npm install -g less

The first one puts the node itself (you can put it with your hands from offsite), it’s necessary to put it, it doesn’t ask for food and doesn’t bite. Even the great and terrible Visual Studio uses a node (more precisely, Microsoft's web essential). The second command launches the npm package manager to install the less module globally.
When you put less. You can compile your less with the following command:
And compile and minify the
git version control tool right away. Make an account on bitbucket - 5 private repositories, and do not worry that your experiments (not the fact that they will be well done) will be seen by the future employer. If you know what a version control system is, then here is a good git manual rogerdudler.github.io/git-guide/index.ru.html
Typesetting is fine, but once you get the hang of git, make yourself a small project. You can on the same node. or just make a bunch of static pages and, most importantly, find manas how to minify styles for them through grunt or gulp. You don't have to understand, just do it according to the manual. Understanding will come when you have already done five tasks for them yourself and will use them.

Answer 9

LESS -- xs, where they use it. Maybe it’s like showing how cool we are or how lazy ...
git --- well, you don’t need to know the console version if you use some kind of ide that supports it, except that only commands to delete branches, cancel a commit can come in handy from the console or push. Used everywhere, by everyone, all the time. The option in the idea does not require study, it is enough to tell the sequence or read on Habré. Previously, svn was common, before cvs (well, these three had to be used, others were not so popular)
npm, grunt, bower - a set of tools for different purposes, the need to know them depends on the specific place of work (I use request instead of grunt).
bower and npm do not require learning for the web, just Google is enough to figure out what and how to install and run without diving into the details.

Answer 10

You just take it and do it. You read docks and mana along the way.

Answer 11

I advise you to read bi3x.net. The installation and assembly of the npm, grunt, bower project is clearly described.