====== 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 ?