User Tools

Site Tools


flux:web-a00

This is an old revision of the document!


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 Linter

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 :

  • 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

  1. via nodejs/grunt/gulp/etc.
  2. script bash (genre pour lancer un terminal avec des onglets git/sass/autre ?
flux/web-a00.1459609280.txt.gz · Last modified: 2016/04/02 17:01 by leo