Presentation about how to work with #GruntJS - Collection of "grunt contrib packages/modules usage examples" to work with on any project or get started during study.

1. #Howto cook good JavaScript code w/
Grunt.JS
Andrii Lundiak
LANDIKE @ gmail.com
Twitter: @landike
2014

2. What?
Grunt.JS
JavaScript task runner
- laziness => opportunity;
- “build” automation;
- save your time;
- make project maintainable;
- Node.JS family Author: @cowboy aka Ben Alman

3. Agenda
❖ Short review of grunt contrib modules.
❖ Live usage examples.
❖ What next?
❖ Resources
❖ Q/A

4. Dependency mng.
❖ matchdep, load-grunt-tasks.

5. Min-Ugly-Beauty
❖ grunt-contrib-concat, grunt-contrib-uglify,
❖ grunt-contrib-cssmin,
❖ grunt-contrib-htmlmin, grunt-contrib-imagemin,
❖ grunt-ngmin

6. Preprocessors
❖ grunt-contrib-less,
❖ Ruby: grunt-contrib-sass or grunt-contrib-compass
❖ C: node-sass + node-sass-middleware (for connect)
or grunt-sass (including node-sass) by @SindreSourus
❖ @SindreSorus: “Check out grunt-contrib-sass if you prefer something more stable, but slower.”

7. Static Analysis (code validation)
❖ grunt-jslint, grunt-contrib-jshint,
❖ grunt-contrib-jsonlint,
❖ grunt-contrib-csslint, grunt-lesslint
❖ grunt-eslint (not eslint-grunt ),
❖ grunt-mdlint,
❖ grunt-plato.

8. Shell/Files oriented
❖ grunt-contrib-copy, grunt-sync, grunt-contrib-watch,
❖ grunt-clean, grunt-remove-logging, grunt-search,
❖ grunt-exec, grunt-shell, grunt-env, grunt-path,
❖ grunt-ssh,
❖ grunt-prompt,
❖ grunt-bower-task,
❖ grunt-concurrent,
❖ rimraf.

9. Release oriented
❖ grunt-bump,
❖ grunt-readme => grunt-verb
❖ grunt-changelog, grunt-conventianal-changelog,
❖ grunt-inject, grunt-sails-linker,
❖ grunt-rev.

10. Server(s)
❖ grunt-contrib-connect, or express ,
❖ connect-livereload,
❖ nodemon + grunt-nodemon, forever (outdated),
❖ grunt-concurrent.

11. #TODO
❖ grunt-newer
❖ grunt-browserify,
❖ grunt-contrib-coffee,
❖ grunt-sails-linker,
❖ grunt-gh-pages
❖ grunt-autoprefixer
❖ grunt-manifest

12. js.next()? => gulp.js
❖ Grunt vs Gulp
+: Gulp uses node streams to group tasks
together and process them sequentially in memory)
+/-: Grunt’s tasks are configured in a configuration object
inside the gruntfile while Gulp’s are coded using
a Node style syntax
-/+: 779 vs. 3,638.
- : gulp error messaging.

13. Resources
❖ Grunt.JS: Getting started
❖ Automating your JS with Grunt
❖ Grunt.JS add-on for Chrome
❖ Read: Build wars [grunt vs. gulp]
❖ Grunt-Delicious Project code =>
❖ https://bitbucket.org/alundiak/grunt-delicious/

14. – Mungara Tarou Krishnamurti
“Because answers exists
only to questions.”

15. @landike says: