======Outils pour développer en Javascript, CSS, HTML5====== ==== Ressources ==== * [[http://blog.differential.com/the-javascript-ecosystem-demystified/|The JavaScript Ecosystem Demystified]] ==== Outils ==== === Gestionnaires de paquets === * [[http://bower.io/|Bower]] : gestionnaire de paquets côté client. * [[https://www.npmjs.com/|NPM]] : gestionnaire de paquets côté serveur. * [[http://browserify.org/|Browserify]] : outil permettant d'utiliser NPM du côté client === Outils de construction === * [[http://gruntjs.com/|Grunt]] : permet d'automatiser des tâches côté client. Plus ancien que Gulp avec un format moins lisible. * [[http://gulpjs.com/|Gulp]] : plus récent que Grunt et moins basé sur la config. === Outils de Tests d'API REST === * [[https://www.npmjs.com/package/cucumber|Cucumber]] : permet de tester à partir d'un fichier au format YAML utilisant le langage naturel.]] * [[https://github.com/stekycz/cucumber-4-api-blueprint|Cucumber-4-Api-blueprint]] : jonction entre Cucumber et Api-blueprint. === Outils de Tests JS === * [[http://chancejs.com|chance.js]] : permet de générer des valeurs aléatoires pour les tests. * [[http://karma-runner.github.io|Karma]] : lanceur de tests unitaires ==== Frameworks & Libs Javascipt==== === Bibliothèques === == Générique == * [[https://jquery.com/|Jquery]] : manipulaton du DOM, Ajax... * [[https://lodash.com/|Lodash]] : fork d'""UnderscoreJS"" plus modulaire. * [[http://underscorejs.org|UnderscoreJS]] : bibluiothèque JS fournissant une centaine de fonctions pratiques abscente de JS == Chargement de dépendances == * [[http://requirejs.org/docs/commonjs.html|CommonJS (RequireJS)]] : permet de charger des modules côté client. == Graphiques (Charts) == * [[http://www.chartjs.org/|ChartJS]] : simple, clean and engaging charts for designers and developers. [MIT / IE9+] * [[http://gionkunz.github.io/chartist-js/index.html|Chartist.js]] : utilise du SVG. * [[https://github.com/mbostock/d3/wiki/Gallery|D3JS]] : permet de créer des graphiques trés évolués. === Frameworks === == Framework sans Binding == * [[http://backbonejs.org/|BackboneJS]] : framework avec 'key-value binding', intégration d'Api Rest, modèles, vues... * [[https://facebook.github.io/react/|ReactJS]] : permet de gérer la vue dans un MVC. == Framework avec Binding == * [[https://angularjs.org/|AngularJS]] : framework permettant de rendre dynamique le HTML, permet la création de composants... * [[http://knockoutjs.com/|KnockoutJS]] : framework avec 'data binding', templating, vues... === ""AngularJS"" v1 === * [[https://github.com/olov/ng-annotate|NG-Annotate]] : permet de gérer plus facilement les dépendances pour la minimification. == ""AngularJS"" : composants graphiques == * [[https://material.angularjs.org/latest/#/|Angular Material]] : implémentation de Material Design pour Angular.js. Composants graphiques utiles pour les mobiles. * [[https://angular-ui.github.io/bootstrap/|Angular-ui Bootstrap]] : implémentation de Bootstrap pour Angular.js. === Composants graphiques === == Générique == * [[http://getbootstrap.com/getting-started/|Bootstrap]] : composant graphique. * [[https://jqueryui.com/|JqueryUI]] : * [[https://www.polymer-project.org/1.0/|PolymerJS]] : permet de créer des 'web components' ==== CSS ==== === Framework === * [[http://getbootstrap.com/getting-started/|Bootstrap]] : framework CSS, responsive, grid, components... * [[http://foundation.zurb.com/|Foundation]] : framework CSS, responsive === Icones === * [[http://fortawesome.github.io/Font-Awesome|Font-Awesome]] : font icônes === Caractères spéciaux === * [[http://www.copypastecharacter.com/|CopyPasteCharacter]] : liste de caractère à copier/coller. ==== Twitter Bootstrap thème admin ==== * [[https://startbootstrap.com/template-overviews/sb-admin-2/|SB Admin 2]] [MIT] [ [[https://github.com/BlackrockDigital/startbootstrap-sb-admin-2|Source]] ] * [[https://github.com/almasaeed2010/AdminLTE|Admin LTE]] [MIT]