Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Grunt, Before & After

Grunt, Before & After

8607d86bc3aad23fbcaabf27d4295b4c?s=128

Maxime Thirouin

January 23, 2013
Tweet

Transcript

  1. GRUNT.JS AVANT / APRÈS 1

  2. AUJOURD'HUI COMMENT TRAVAILLE UN DEV FRONT-END ? HTML CSS JS

    Media (images principalement) 2
  3. ... AVEC DIFFÉRENTS OUTILS... pré-processeur CSS optimiseurs d'images générateurs de

    fonts pré-processeur JS linters livereload tests docs ... 3
  4. ... ET DIFFÉRENTES COMMANDES sass/compass, stylus, less jpegtran, optipng... fontforge

    coffeescript ... 4
  5. GRUNT.JS Grunt is a task-based command line build tool for

    JavaScript projects 5
  6. LE NOM GRUNT PROVIENT DE WARCRAFT 3 Confirmé par ,

    créateur de Grunt.js ben_alman 6
  7. APRÈS GRUNT ? 1. Préprocessing ? Grunt 2. Tests ?

    Grunt 3. csslint ? js(h|l)int ? Grunt 4. ... 7
  8. INSTALLATION (OS X/HOMEBREW) Ca ne doit pas être bien difficile

    de trouver pour Linux, peut être un peu plus pour Windows $ brew install node $ curl http://npmjs.org/install.sh | sh $ npm install ­g grunt­cli $ npm install grunt ­­save­dev $ npm install {what­you­want} 8
  9. GRUNTFILE.JS CONFIG À LA MAKEFILE Gruntfile.js de Grunt.js Oui Grunt

    s'utilise lui même ! Exemple de gruntfile pour un blog jekyll par_kud 9
  10. RUN ? $ grunt {task} 10

  11. STELLAR LINKS Grunt.js Grunt.js sur Github 11

  12. & / MAXIME THIROUIN / ENJOY ! BY @MOOX ON

    TWITTER GITHUB MOOX.IO 12