Прочее

Что такое gulp и npm и как его внедрить на практике

Просто шикарный инструмент, который позволяет упростить рутинные процессы в верстке.

Если посмотреть на верстку со стороны, то можно заметить, что у front-end разработчика очень много рутинной работы, которая чаще всего завязана на файлах:

  1. минимизация css, js,html;
  2. оптимизация изображений, сжатие размеров без потери качества;
  3. постпроцессоры, препроцессоры.

И большинство разработчиков задумывалось об автоматизации данных процессов, так появилось два очень крутых инструмента для верстальщика:

  1. grunt — это инструмент для сборки javascript проектов из командной строки с использованием задач;
  2. gulp — сборщик js проектов, который работает на потоках, а не на частичном считывании файла, как в grunt.

Я все же советую вам использовать gulp, так как он работает шустрее и меньше делает запросов к жесткому диску, чем grunt. Хоть на нем и немного меньше плагинов, но он того стоит.

Конечно, с этими утилитами придется общаться через console, но это не беда. Для работы я использую консоль от git — git bush, так как он больше всего похож на unix консоль.

Предлагаю вашему просмотрю вебинар, в котором подробно рассказано как использовать gulp в верстке.

У меня есть очень много видеоуроков по gulp, которыми я в скором времени поделюсь.  В этом видео также используется bower, который также в скором времени будет описан на страницах блока catine.

Кстати, результат этого видео выложен тут: https://github.com/evgwed/template-projects-gulp

image

Евгений

Специалист по разработке систем на современных PHP фреймворках.