A simple look at front end automation tools and how awesome it is to use them in all your projects, wether you're freelancing or working in large teams.

1. GENERATE EVERYTHING

2. FIRST LOVE
WRITE
SAVE
REFRESH
SUFFER
REPEAT

3. FIRST LOVE
WRITE
SAVE
REFRESH
SUFFER
REPEAT MOVE ON

4. MAGNA CARTA

5. IN THE REAL WORLD

6. PROTOTYPE
LANDING PAGE
REFERENCE CODE

7. SINGLE PAGE APPLICATIONS
BLOGS
DOCUMENTATION
ANYTHING & EVERYTHING!

8. GRUNT

9. grunt.registerTask('develop',
function() {
return grunt.task.run([
‘test’, ‘clean:destination’,
‘jekyll:destination’,
‘grunticon’,
‘compass:uncompressed’, ... ,
‘feed-the-cat’,
‘make-me-a-sandwich’,
‘open-index’,
‘watch’
]);
});
1st TASK RUNNER
2000+ PLUGINS
EASY TO SET UP

10. GULP

11. VERY FAST
4 METHODS (task, watch, src, dest)
STREAMS
GROWING COMMUNITY
gulp.task('styles', function() {
return gulp.src('some/path/main.scss')
.pipe(sass({
lineNumbers: true,
loadPath: neat.includePaths
}))
.pipe($.autoprefixer())
.pipe(gulp.dest('some/other/path/main.css'));
});

12. YEOMAN
BUILD PROCESS
ASSET COMPILATION + LINTING
GENERATORS
LIVE PREVIEW SERVER
UNIT-TESTS
npm i -g yo
npm i -g generator-ember

13. TO THE RESCUE
ASSEMBLE.IO
JEKYLLRB.COM
MIDDLEMANAPP.COM

14. PUSHED TO DEVELOP?
$ grunt deploy
$ git push
ftp://

15. ● Easy to start
● Powerful templating
● No backend
● Deploy instantly & anywhere
● Different environments
● Easy to scale & great performance
● Incredible community support

16. AUTOMATE

17. MULT,UMESC.
PORCPORC.com
Razvan Pavel
razvan.pavel@rga.com

18. ART INDEX
François Boucher ’The Birth of Venus’
Jeff Koons ’Dog Baloon’
Henry Fuseli ’The Nightmare’
Leonardo da Vinci ’Early vanishing point sketches’
The Beinecke Rare Book & Manuscript Library
Peter Paul Rubens ’The Calydonian Boar Hunt’
Jean-Honoré Fragonard ’The Happy Accidents of the Swing’
Jacques-Louis David ’The Intervention of the Sabine Women’
Jacques-Louis David ’Oath of the Horatii’

19. RESOURCES
http://gruntjs.com/
http://gulpjs.com/
http://bower.io/
http://yeoman.io/
http://middlemanapp.com/
http://assemble.io/
http://jekyllrb.com/
http://octopress.org/
http://jenkins-ci.org/
http://coding.smashingmagazine.com/2013/10/29/get-up-running-grunt/
http://www.smashingmagazine.com/2014/06/11/building-with-gulp/
http://markdalgleish.github.io/presentation-build-wars-gulp-vs-grunt/
http://staticsitegenerators.net/