Продвинутые инструменты для Front-end, что выбирать и зачем это нужно?

Question

[Илья Пирожок]

Часто стал видеть разные инструменты типа Bower, Grunt, Gulp, Node.js и так далее.
Скажите пожалуйста, какая именно от них польза и какая их четкая цель назначения? Какие преимущества они дают? Что из этого необходимо изучать?
Как то не касался этой темы и даже не знаю с чего начать. Мои знания HTML\CSS3(с фреймворками и препроцессорами), ванильный JS и jQuery, Основы PHP.

Answer 1

[Юрий]

Да если ты не гуру front-ender, то знать всё досконально не нужно да и невозможно. Как правило в WEB-разработке есть просто действия (включая фронт-енд сторону) которые однообразно и из проекта в проект повторяют одну и туже операцию. Для этих целей - grunt и gulp. Но даже если вы его не знаете - труда написать простенький сценарий - не составит. Важно понимать общие понятия (конкатенация, минимизация). Также и с bower. Если Вы понимаете, что такое пакетный менеджер, то этого будет достаточно, чтобы "прокурить" и bower.io. А вообще - не заморачивайтесь. Всему можно научиться - просто читая документацию и ориентируясь в общих чертах для чего это надо.

Answer 2

[sergey]

"Мои знания HTML\CSS3(с фреймворками и препроцессорами), ванильный JS и jQuery, Основы PHP."

- так вот после всего этого вам просто необходимо изучить и использовать Bower (хотя без него можно обойтись), тот же Gulp или Webpack (как-то с трудом себе представляю жизнь без них - это сборщики проэктов), ну и Node.js для js на сервере.

Comments

[Илья Пирожок]

Спасибо за совет

[sergey]

Илья Пирожок: пожалуйста пользуйтесь и изучайте, правда на Grunt внимание не концентрируйте, он нынче уже не в тренде.