===== Description =====

  * Flux de travail SCSS + JS + HTML
  * Automatisation via Grunt
    * linting/hinting/validation
      * HTML validation : grunt-html-angular-validate
      * CSS
      * JS
    * process/compression
    * SASS (SCSS) -> CSS (style.uncompressed.css)-> CSS compressé (style.css)
    * JS -> JS compilé (Google Closure) et compressé
    * HTML -> HTML Compressé ()
  * Éditeur ATOM avec JSCS (le profil est a déterminer, le profil airbnb est ES6 [[https://github.com/airbnb/javascript/tree/master/es5|même s'il existe une version du styleguide pour ES5]].

===== structure =====
<code>
/site // version de production compressée
  .jscsrc (JSCS config file)
  .gitignore (GIT ignore config file)
  package.json
  *.html
  /a (assets)
    j.js // fichier js concaténé + compressé
    c.css // css compressé
  /i (img)
/src
  /scss
  /js
  /html
  /build // fichiers CSS générés depuis SCSS et les js concatenés + HTML
    *.html
    /a (assets)
      j.js
      c.css
</code>

===== installations =====

==== Ruby ====

===OSX===
Déja installé.

===Linux (debian-based)===
<code>apt-get install ruby</code>

==== SASS ====

<code>sudo gem install sass</code>

==== ATOM ====

===OS X===

-> .dmg

===Linux (debian-based)===

-> .deb ?

=== JSCS ===

Dans le terminal :

<code>apm install linter-jscs</code>

==== Nodejs =====

===OSX===

.pkg ?

===Linux (Debian-base)====
?
<code></code>

=== initialisation NPM ===
<code>npm init</code>
==== Grunt ====
=== installation globale de Grunt (Commande-Line Interface)===
<code>
npm install -g grunt-cli
</code>
=== dev : installation des plugins ===
<code>
npm install grunt-contrib-concat --save-dev
npm install grunt-contrib-sass --save-dev
npm install grunt-contrib-watch --save-dev 
</code>

=== dev : documentation des plugins ===
    * [[https://www.npmjs.com/package/grunt-contrib-concat|grunt-contrib-concat]]
    * [[https://www.npmjs.com/package/grunt-contrib-sass|grunt-contrib-sass]]
    * [[https://www.npmjs.com/package/grunt-contrib-watch|grunt-contrib-watch]]
===== fichiers de configuration =====

==== .jscrc ====
<code>{
    "preset": "airbnb",
    "requireCamelCaseOrUpperCaseIdentifiers": null
}
</code>
==== .gitignore ====
<code>
.DS_Store
node_modules
.tmp
site
.sass-cache
</code>

+ https://github.com/gruntjs/grunt/blob/master/.gitignore ?

+ https://github.com/github/gitignore/blob/master/Sass.gitignore

+ https://github.com/github/gitignore/blob/master/Node.gitignore
==== package.json ====
<code>

</code>
==== gruntfile.js ====
<code>
module.exports = function (grunt) {
  grunt.initConfig({
    concat: {
      dist: {
        src: ['src/js/*/*.js', 'src/js/*.js'],
        dest: 'site/a/j.js',
      },
    },
    sass: {
      dist: {
        options: {
          style: 'expanded',
        },
        files: {
          'site/a/c.css': 'src/scss/style.scss',
        },
      },
    },
  });

  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-contrib-sass');

  grunt.registerTask('default', ['concat:dist', 'sass:dist']);
};
</code>