Ivanq

LESS -- хз, где используют. Может типа показать, мол какие мы крутые или какие ленивые...
git --- ну консольный вариант знать не обязательно, если использовать какую то иде, которая его поддерживает, разве, что с консоли может пригодиться только команды на удаление веток, отмена комита или пуша. Применяется везде, всеми, постоянно. Вариант в иде не требует изучения, достаточно, что бы рассказали последовательность или почитать на хабре. Ранее был распространен svn, до него cvs (ну этим тремя пришлось пользоваться, другие не были столь популярные)

npm, grunt, bower -- комплекс инструментов для разных целей, необходимость знания таковых зависит от конкретного места работы (вместо grunt использую реквайр).
bower и npm не требуют изучения для веба, достаточно гугла, что бы можно было разобраться, что да как установить и запустить без погружения в детали.

Посоветую почитать bi3x.net. Понятно описано именно установка и сборка проекта npm, grunt, bower.

Просто берешь и делаешь. По ходу читаешь доки и маны.

Если работаешь под вендою, то поставь nodejs, хотя бы для компиляции less (я приведу пример установки через chocolatey)

chocolatey install nodejs
npm install -g less

Первая ставит саму ноду (можно поставить руками с оффсайта), ставить обязательно, есть не просит и не кусается. Даже великая и ужасная Visual Studio юзает ноду (точнее майкрософтоский web essential). Вторая команда запускает менеджер пакетов npm для установки глобально модуля less.

Когда поставишь less. Можешь компилировать свой less следующей командой:
lessc myless.less myless.cs

А скомпилировать и минифицировать сразу
lessc -x myless.less myless.min.css

git- средство контроля версий. Сделай учетку на битбакете - 5 приватных репозиториев, и не надо парится что твои эксперименты (не факт что они будут хорошо сделаны) увидит будущий работодатель. Если ты знаешь что такое система контроля версий, то вот хороший мануал по гиту rogerdudler.github.io/git-guide/index.ru.html

Верстать шаблоны это хорошо, но как только разберешься с гитом, сделай себе маленький проект. Можешь на той же ноде. или просто сделай пачку статичных страниц и самое главно найди ман как через grunt или gulp минифицировать под них стили. Не надо понимать, просто сделай по мануалу. Понимание придет когда пяток задач уже сам под них сделаешь и будешь использовать.

Вчера

npm, grunt, bower, git - важные и связанные между собой технологии. Советую их изучить.
Коротко:
npm - менеджер пакетов для nodejs. Через него ставятся grunt и bower.
grunt - собирает front-end: будет за вас less -> css перегонять.
bower - менеджер javascript пакетов
git - система контроля версий, каждому разработчику знать и использовать обязательно. С помощью git'a вышеупомянутые библиотеки и скачивают пакеты, например с github.

Не надо все и сразу изучать - забудете нахрен все или будете путаться.
npm, bower - только пару команд нужно знать,
git - также нужно знать несколько команд и принцип работы.
grunt - также.
То есть имею в виду, что не нужно пытаться изучать все команды, 80% из них среднему программисту не нужны и тем более в начале.
С практикой и с опытом все встанет на свои места, изучаете одно, другое, третье и не забываете практиковаться, чтоб закреплять изученное, так и двигаетесь..
Все выше описанные инструменты - это всего лишь средства-помощники для программиста или просто хорошие друзья ). Это инструменты без которых можно обойтись, но с которыми жить становится легче ))

Более чем согласен с Ленар Фаттахов

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

npm/bower упрощают установку сторонних библиотек. Чтобы ходить по сайтам и скачивать jQuery, jQueryUI, Bootstrap и т.д., все это ставится одной командой.

grunt/gulp -- таскраннеры, позволяют организовать хитрую компиляцию/склейку файлов/минификацию и прочее, что может понадобиться фронтендеру. Во-первых, это не только LESS, но еще миллион всяких вещей, во-вторых, это настраивается на проект и один раз (то есть не надо каждому разрабу ставить WinLESS и настраивать его).

git/mercurial/svn -- система контроля версий. В команде без этого никуда (и никто за вас не будет коммитить код), но и при одиночной разработке есть профит.

На самом деле все очень просто.
NPM - это пакетный менеджер который идет вместе с node.js, С помошью него можно устанавливать все что вы перечислили выше и другие модули, программы.

Gulp, Grunt - это консольные утилиты. Они взаимозаменяемы. Они делают рутинную работу за тебя: компилируют Less Sass, склеивают скрипты, минифицируют скрипты, стили, делают спрайты, оптимизируют картинки и даже поднимают свой простенький вебсервер и LiveReload.

Gulp или Grunt - Дело вкуса. Мне понравился больше Gulp. Он быстрее.

Git - Система контроля версий твоего кода. Она позволяет организовать совместную работу нескольких разработчиков над ним проектом.

Bower - просто утилита, которая быстро тебе скачивает необходимые библиотеки и из хависимости. Что бы ты не лазил по сайтам разработчиков. Например тебе надо установить jquery - ты просто в консоли пишешь Bower install jquery и тебе скачивается Jquery.

Я считаю что Git в современной работе просто необходим как воздух.
Gulp или Grunt и Bower сильно облегчили мне жизнь.

Думаю что для устроиства на работу ключевым знанием будет Git. а потом уже все остальное.

Gulp или Grunt и Bower - очень легкие программы для первичного использования. Их Можно попробовать и решить нужны ли они тебе или нет - за очень короткий промежуток времени.

Можно попробовать сделать это ::after-ом.

::after + position: absolute + background: white

тут опенсоус сообщество десятки лет пишет проводник. а тут вылез пуп и готов все написать сам. батенько вам цены нету!