Introduction to Gulp

- http://www.24joursdeweb.fr/2013/automatisez-votre-workflow-front-end/
- http://putaindecode.fr/posts/css/mise-en-place-autoprefixer/#autoprefixer-avec-grunt
- http://putaindecode.fr/posts/css/mise-en-place-autoprefixer/#autoprefixer-avec-gulp
- http://markgoodyear.com/2014/01/getting-started-with-gulp/
- https://github.com/gulpjs/gulp/blob/master/docs/README.md
- https://github.com/gulpjs/gulp/tree/master/docs/recipes
- https://npmjs.org/search?q=gulpplugin
- https://github.com/godaddy/gulp-header/issues/4#issuecomment-32111457
- http://www.pintjs.com/
- http://xkcd.com/927/
- https://algorithms.rdio.com/post/make/
- http://jaysoo.ca/2014/01/27/gruntjs-vs-gulpjs/
- http://www.insertafter.com/articles-gulp_vs_grunt.html
- http://www.insertafter.com/articles-retour_experience_gulp.html
- https://gist.github.com/MoOx/8420645
- https://github.com/MoOx

Transcript

1. INTRODUCTION À
   GULP
   1
   

   View Slide

2. TASK RUNNERS
   POUR AUTOMATISATION DES TÂCHES
   Vous commencez à connaitre
   2
   

   View Slide

3. Make
   Rake
   Cake
   Jake
   Grunt
   Brunch
   Broccoli
   ...
   3
   

   View Slide

4. POURQUOI GULP ?
   4
   

   View Slide

5. PARCE QUE LES
   STREAMS
   5
   

   View Slide

6. C'EST QUOI UN STREAM
   C'est un flux (de données)
   6
   

   View Slide

7. ET DONC POURQUOI UN STREAM
   ?
   C'est n'est pas un fichier
   Donc on ne travaille pas sur des fichiers
   Donc pas de lecture/écriture répété
   7
   

   View Slide

8. UN EXEMPLE POUR
   COMPRENDRE ?
   8
   

   View Slide

9. SANS STREAM
   57 lignes de conf
   exemple Grunt
   9
   

   View Slide

10. AVEC STREAM
    22 lignes de code
    Exemple Gulp
    10
    

    View Slide

11. SANS STREAM
    11
    

    View Slide

12. AVEC STREAM
    12
    

    View Slide

13. INSTALLATION
    Pour avoir la commande globale
    Modules pour chaque projet
    $ npm i ­g gulp
    $ npm i ­D gulp gulp­util gulp­plumber gulp­WHATEVER
    13
    

    View Slide

14. ON VEUT DES EXPLICATIONS EN
    DÉTAIL
    Introduction à Gulp
    14
    

    View Slide

15. ( )
    DOCUMENTATION
    exemples "officiel" Gulp
    plugins "validés" Gulp
    gulp cyber police
    15
    

    View Slide

16. TROP DE TASK RUNNERS ?
    BLURP !
    Pint js
    16
    

    View Slide

17. MAIS EN A-T-ON VRAIMENT
    BESOIN ?
    17
    

    View Slide

18. xkcd.com/927
    Rdio utilise make
    18
    

    View Slide

19. UN PEU DE LECTURE
    Grunt vs. Gulp
    Gulp remplacera-t-il Grunt ?
    Gulp : Retour d'expérience
    19
    

    View Slide

20. Mon gulpfile
    20
    

    View Slide

21. DES QUESTIONS ?
    21
    

    View Slide

22. MERCI !
    Maxime Thirouin
    @MoOx sur &
    Twitter Github
    22
    

    View Slide