Gulp lessons learned

Few short lessons learned with assembling my own Gulpfile.js in an Angular.js project.

Transcript

1. Practical experience of assembling a gulpfile.js in an Angular project Zlatko Duric (@zladuric)
2. Intro Backend (Node.js) developer at thinxnet.com (look at /jobs). (until 3 months ago, freelance full-stack developer) Not Angular or Gulp expert, merely practicioner.
3. My first linting copy/paste or #!/bin/bash wget that-stuff java -jar yuicompressor-x.y.z.jar so-and-so.js -o so-and-so.min.js JSLINT.COM
4. Why Gulp? Code over configuration Gruntfile is much complex, such learning!
5. FF to Gulp.js CAN YOU READ THIS, LITTLE JAVASCRIPTER?
6. Angular.js Gulp.js gulp.task('name', function() { doStuff;}); Minify, Sourcemaps, Components approach How to inject stuff into index.html like grunt? return stream; // !important
7. Show me the way
8. LESSON 1 WATCH THE ORDER OF YOUR STREAMS
9. Poke the head, poke the body Great for assets hashing: app.js > app-a8c221.js
10. Supercharger injection turbo extra mega Remember `.pipe(rev.manifest({path: 'vendor-manifest.json'}))`?
11. LESSON 2 CHANGE THE DATA IN YOUR OWN WAY
12. You're testing my lints Hinting, code style, tests
13. LESSON 3 OWN YOUR TASKS
14. Thank you Questions? (I accept cash and Paypal donations.)