Table des matières

Outils pour développer en Javascript, CSS, HTML5

Outils pour développer en Javascript, CSS, HTML5

Ressources

The JavaScript Ecosystem Demystified

Outils

Gestionnaires de paquets

Bower : gestionnaire de paquets côté client.
NPM : gestionnaire de paquets côté serveur.
Browserify : outil permettant d'utiliser NPM du côté client

Outils de construction

Grunt : permet d'automatiser des tâches côté client. Plus ancien que Gulp avec un format moins lisible.
Gulp : plus récent que Grunt et moins basé sur la config.

Outils de Tests d'API REST

Cucumber : permet de tester à partir d'un fichier au format YAML utilisant le langage naturel.]]
Cucumber-4-Api-blueprint : jonction entre Cucumber et Api-blueprint.

Outils de Tests JS

chance.js : permet de générer des valeurs aléatoires pour les tests.
Karma : lanceur de tests unitaires

Frameworks & Libs Javascipt

Bibliothèques

Générique

Jquery : manipulaton du DOM, Ajax…
Lodash : fork d'““UnderscoreJS”” plus modulaire.
UnderscoreJS : bibluiothèque JS fournissant une centaine de fonctions pratiques abscente de JS

Chargement de dépendances

CommonJS (RequireJS) : permet de charger des modules côté client.

Graphiques (Charts)

ChartJS : simple, clean and engaging charts for designers and developers. [MIT / IE9+]
Chartist.js : utilise du SVG.
D3JS : permet de créer des graphiques trés évolués.

Frameworks

Framework sans Binding

BackboneJS : framework avec 'key-value binding', intégration d'Api Rest, modèles, vues…
ReactJS : permet de gérer la vue dans un MVC.

Framework avec Binding

AngularJS : framework permettant de rendre dynamique le HTML, permet la création de composants…
KnockoutJS : framework avec 'data binding', templating, vues…

""AngularJS"" v1

NG-Annotate : permet de gérer plus facilement les dépendances pour la minimification.

""AngularJS"" : composants graphiques

Angular Material : implémentation de Material Design pour Angular.js. Composants graphiques utiles pour les mobiles.
Angular-ui Bootstrap : implémentation de Bootstrap pour Angular.js.

Composants graphiques

Générique

Bootstrap : composant graphique.
JqueryUI :
PolymerJS : permet de créer des 'web components'

CSS

Framework

Bootstrap : framework CSS, responsive, grid, components…
Foundation : framework CSS, responsive

Icones

Font-Awesome : font icônes

Caractères spéciaux

CopyPasteCharacter : liste de caractère à copier/coller.

Twitter Bootstrap thème admin

SB Admin 2 [MIT] [ Source ]
Admin LTE [MIT]