informatique:developpement:memos:outils-js-frameworks-frontend [Memos]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
======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]