Table of Contents

Flux de travail WEB A00

Outils, langages, style guides, linting, tests

Outils

Nomurldocumentation
Automatisation des tâchesgruntinstallation
→ Watchesgrunt contrib-watchinstallation
→ Concaténationgrunt-contrib-concat
→ Compilation JScontrib-concat
→ Compilation JS (Bower.io)bower-concat
→ Compilation SCSScontrib-sass
→ Compilation HTMLgrunt-htmlcompressor
→ JS Hintinggrunt-contrib-jshint
→ CSS Hinting
→ HTML Hintinggrunt-htmlhint
→ Validation HTMLgrunt-html-angular-validate
ÉditeurATOMinstallation
Pré-processeur CSS→SASSSassinstallation
VersioningGITinstallation
Librairies JS??
??
Compilateur JSGoogle Closure Compiler
Compilateur CSS??
Compilateur HTML???
Javascript TestingMocha+Chai?

Langages

Nom
HTML5
CSS
SCSS
Javascript

Style guides

JavaScript

CSS

SCSS

HTML

Hinting/Linting

LanguageNomoutildocumentation
HTML
HTMLHint
CSS
csslint
SCSS
JS
JSLint
JSHint
JSCS
Google Closure Linteratom/Grunt

Tests

LanguageNom
HTML
tests
CSS
tests
SCSS
tests
JS
tests

Autres outils de test

FournisseurNomUsage
Googlehttps://developers.google.com/speed/pagespeed/Généraliste/Amélioration de la vitesse de chargement
W3CMarkup Validation ServiceConformité du Markup
Unicorn - Le Validateur unifié du W3CConformité : Markup/CSS/Mobile OK
Nu Html Checker (expérimental)Conformité du HTML
AutreHTML 5 outlinerHTML document outline

structure de fichiers

/Racine
.gitignoreparamétrage des fichiers ignorés par git
.jscsrcparamétrage de JSCS

.gitignore

TODO : voir A collection of useful .gitignore templates - GitHub

Notamment :

PolyFills

TODO

checklists

TODO

Checklist de démarrage projet

Checklist en cours de projet

Checklist en fin de projet

autres TODO

automatisation des tâches

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