1 of 14

Slide Notes

DownloadGo Live

WHAT IS GULP?

Published on Nov 18, 2015

No Description

View Outline

MORE DECKS TO EXPLORE

PRESENTATION OUTLINE

1.

INTRO TO GULP JS

@jonginn
Photo by Tucker Sherman
2.

Javascript knowledge helps

Photo by Dmitry Baranovskiy
3.

nodejs knowledge not required

Photo by Ian Muttoo
4.

I learnt node through gulp

Photo by Ian Muttoo
5.

THERE WILL BE CODE

Photo by nahtanoj
6.

WHAT IS GULP?

Photo by Idiolector
7.

WHAT IS GULP?

Photo by Lulu Hoeller
8.

npm install gulp -g

Photo by Daniel Dionne
9.

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

Photo by Darwin Bell
10.

GULP PLUGINS

Photo by Noel C. Hankamer
11.

JS THINGS TO DO

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

CSS THINGS TO DO

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

OTHER THINGS TO DO

  • Scan your site sitemap
  • Optimize images
14.

https://github.com/jonginn/gulp-talk

Photo by yukop

Friend of Haiku Deck

http://t.co/FufyyROvR5