1 of 14

Slide Notes

DownloadGo Live

WHAT IS GULP?

Published on Nov 18, 2015

No Description

PRESENTATION OUTLINE

INTRO TO GULP JS

@jonginn

Javascript knowledge helps

nodejs knowledge not required

Photo by Ian Muttoo

I learnt node through gulp

Photo by Ian Muttoo

THERE WILL BE CODE

Photo by nahtanoj

WHAT IS GULP?

Photo by Idiolector

WHAT IS GULP?

Photo by Lulu Hoeller

npm install gulp -g

Photo by Daniel Dionne

TASKS
SRC FILE or 'GLOB' OF FILES
RUN IT THROUGH PIPES
GIVE IT A DESTINATION

Photo by Darwin Bell

GULP PLUGINS

JS THINGS TO DO

  • Lint your JS for errors + consistenc
  • Incorporate Bower files
  • Compile CoffeeJS

CSS THINGS TO DO

  • Lint your Sass for errors + consistency
  • Autoprefix your vendor prefixes
  • Use UNCSS to strip CSS that isn't used

OTHER THINGS TO DO

  • Scan your site sitemap
  • Optimize images