informatique:developpement:memos:outils-js-frameworks-frontend

Outils pour développer en Javascript, CSS, HTML5

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

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

Framework

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

Icones

Caractères spéciaux

  • informatique/developpement/memos/outils-js-frameworks-frontend.txt
  • Dernière modification : 2020/05/22 20:12
  • de jpmilcent