Хороший пошаговый туториал объясняющий современный фронтенд?

Суть вопроса. Код писать умею. Есть роадмап куда двигаться, чтобы видеть всю картину. Но в нем не расказывается зачем нужны task runners, package manager, module loader/bundler. То есть нужен туториал не объясняющий куда что писать. А дающий полное представление как организовать рабочее окружение. Объясняющий для чего нужны данные инструменты. Желательно чтобы был пример приложения, написаного с помощью них.