Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Generate everything!

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.

  • Loggen Sie sich ein, um Kommentare anzuzeigen.

Generate everything!

  1. 1. GENERATE EVERYTHING
  2. 2. FIRST LOVE WRITE SAVE REFRESH SUFFER REPEAT
  3. 3. FIRST LOVE WRITE SAVE REFRESH SUFFER REPEAT MOVE ON
  4. 4. MAGNA CARTA
  5. 5. IN THE REAL WORLD
  6. 6. PROTOTYPE LANDING PAGE REFERENCE CODE
  7. 7. SINGLE PAGE APPLICATIONS BLOGS DOCUMENTATION ANYTHING & EVERYTHING!
  8. 8. GRUNT
  9. 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. 10. GULP
  11. 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. 12. YEOMAN BUILD PROCESS ASSET COMPILATION + LINTING GENERATORS LIVE PREVIEW SERVER UNIT-TESTS npm i -g yo npm i -g generator-ember
  13. 13. TO THE RESCUE ASSEMBLE.IO JEKYLLRB.COM MIDDLEMANAPP.COM
  14. 14. PUSHED TO DEVELOP? $ grunt deploy $ git push ftp://
  15. 15. ● Easy to start ● Powerful templating ● No backend ● Deploy instantly & anywhere ● Different environments ● Easy to scale & great performance ● Incredible community support
  16. 16. AUTOMATE
  17. 17. MULT,UMESC. PORCPORC.com Razvan Pavel razvan.pavel@rga.com
  18. 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. 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/

×