DokuWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Flux de travail WEB A00 ======

===== Outils, langages, style guides, linting, tests =====

====Outils====
^Nom^url^documentation|
^Automatisation des tâches|[[https://gruntjs.com|grunt]]|[[grunt:installation]]|
^-> Watches|grunt contrib-watch|[[grunt:installation]]|
|-> Concaténation|grunt-contrib-concat| |
|-> Compilation JS|contrib-concat| |
|-> Compilation JS (Bower.io)|bower-concat| |
|-> Compilation SCSS|contrib-sass| |
|-> Compilation HTML|grunt-htmlcompressor| |
|-> JS Hinting|grunt-contrib-jshint| |
|-> CSS Hinting| | |
|-> HTML Hinting|grunt-htmlhint| |
|-> Validation HTML|grunt-html-angular-validate| |
^Éditeur|[[https://atom.io|ATOM]]|[[atom:installation]]|
^Pré-processeur CSS->SASS|[[https://sass-lang.com|Sass]]|[[sass:installation]]|
^Versioning|[[https://git-scm.com|GIT]]|[[git:installation]]|
^Librairies JS|?|?|
^ |?|?|
^Compilateur JS|[[https://developers.google.com/closure/compiler/|Google Closure Compiler]]| |
^Compilateur CSS|?|?|
^Compilateur HTML?|?|?|
^Javascript Testing|Mocha+Chai|?|

====Langages====
^Nom|
^HTML5|
^CSS|
^SCSS|
^Javascript|

==== Style guides ====

=== JavaScript ===
  * [[https://github.com/airbnb/javascript|AirBNB]]
  * *[[https://github.com/airbnb/javascript/tree/master/es5|AirBNB (ES5, plus adapté au front)]]
  * [[https://github.com/rwaldron/idiomatic.js|idiomatic.js]]
  * [[http://google.github.io/styleguide/javascriptguide.xml|Google JavaScript Style Guide]]
  * [[http://javascript.crockford.com/code.html|Crockfords’s Coding Standards for JavaScript]]
  * [[https://github.com/felixge/node-style-guide|Node.js Style Guide]]
  * [[https://github.com/feross/standard|JavaScript Standard Style]]

=== CSS ===
  * [[http://google.github.io/styleguide/htmlcssguide.xml|Google HTML/CSS Style Guide]]

=== SCSS ===

=== HTML ===
  * [[http://google.github.io/styleguide/htmlcssguide.xml|Google HTML Style Guide]]
  * [[http://google.github.io/styleguide/htmlcssguide.xml|Google HTML/CSS Style Guide]]

==== Hinting/Linting ====
^Language|Nom|outil|documentation|
^HTML| | |
| |[[http://htmlhint.com|HTMLHint]]| |
^CSS| | | |
| |[[https://csslint.net|csslint]]| | |
^SCSS| | | |
| | | | |
^JS| | | |
| |[[http://jslint.com|JSLint]]| | |
| |[[http://jshint.com|JSHint]]| | |
| |[[https://jscs.info|JSCS]]| | |
| |[[https://developers.google.com/closure/utilities/|Google Closure Linter]]|[[https://atom.io/packages/linter-gjslint|atom]]/[[https://www.npmjs.com/package/grunt-gjslint|Grunt]]| |

==== Tests ====

^Language|Nom|
^HTML| |
|tests| |
^CSS| |
|tests| |
^SCSS| |
|tests| |
^JS| |
|tests| |

====Autres outils de test====
^Fournisseur^Nom^Usage|
^Google^[[https://developers.google.com/speed/pagespeed/]]|Généraliste/Amélioration de la vitesse de chargement|
^W3C|[[https://validator.w3.org/|Markup Validation Service]]|Conformité du Markup|
^ |[[https://validator.w3.org/|Unicorn - Le Validateur unifié du W3C]]|Conformité : Markup/CSS/Mobile OK|
^ |[[https://validator.w3.org/nu/|Nu Html Checker (expérimental)]]|Conformité du HTML|
^Autre|[[https://gsnedders.html5.org/outliner/|HTML 5 outliner]]|HTML document outline|
===== structure de fichiers =====

^/|Racine| |
^ |.gitignore|paramétrage des fichiers ignorés par git|
^ |.jscsrc|paramétrage de JSCS|

==== .gitignore ====

TODO : voir [[https://github.com/github/gitignore|A collection of useful .gitignore templates - GitHub]]

Notamment :
  * Langages/outils
    * Sass.gitignore
    * Node.gitignore
    * Yeoman.gitignore
  * CMS
    * Magento.gitignore
    * OpenCart.gitignore
    * Prestashop.gitignore
    * WordPress.gitignore
  * .gitignore globaux :
    * Linux.gitignore
    * NetBeans.gitignore ?
    * OSX.gitignore

===== PolyFills ====

TODO

===== checklists =====

TODO

==== Checklist de démarrage projet ====

  * ▢ -> tâche
  * ▢ -> tâche
  * ▢ -> tâche

==== Checklist en cours de projet ====

  * ▢ -> tâche
  * ▢ -> tâche
  * ▢ -> tâche

==== Checklist en fin de projet ====

  * ▢ -> tâche
  * ▢ -> tâche
  * ▢ -> tâche

===== autres TODO =====

  - 

==== automatisation des tâches ====

  - via nodejs/grunt/gulp/etc.
  - script bash (genre pour lancer un terminal avec des onglets git/sass/autre ?