npm для жавскрипту - це як composer.phar для php - встановлювач пакунків...

про gulp знаю лише з відгуків, що це те саме, що й grunt, тільки трохи новіше (краще, швидше?) Тож останній зовсім не те саме, що й npm, це щось схоже на make для Сі, де у спеціальних файлах описуються спеціальні команди для вихонання певних дій з вихідним кодом: склеювання та стискання js, генерація css з scss і т. п.

Особисто в мене немає чіткого воркфлоу, бо я не дуже фронтендщик. В конторі, де працюю викориистовують npm та bower (ще один встановщик пакунків) - між ними здається різниця, що перший більш для бекенду використоувється (nodejs, той же grunt встановлюється за допомогою npm), а другий для клієнтських різних шняг. Також у нас використовують sass, в який я влазю раз на півроку, коли треба якусь дрібноту підправити, але не хочеться це робити за допомогою inline-стилів. Ну і вкінець використовуються якісь тулзи (зараз ліньки дивитися, здається одна з них jslint зветься) для склейки й зтискання жаваскриптів. Тож весь воркфлоу полягає в тому, що коли щось змінив у js-файлах, то треба запустити grunt з відповідною вказівкою. До речі трохи не зручно з т. з. відлагодження, бо в стиснутих кодах складно щось знаходити, а тим більше виправляти, тож кожна маленька дія (вставка console.log'у) потребує постійної перезборки жавасриптів. Якби моя воля, я б якось би намагався робити без стискання аж до деплою.

Отаке з особистого досвіду не експерта, але практичного застосування.