« Bibliothèques JavaScript » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
Ligne 73 : Ligne 73 :
|http://foundation.zurb.com/
|http://foundation.zurb.com/
|}
|}
==Audio/Vidéo==
Bibliothèques qui permettent de gérer les éléments multimédia audio et vidéo à travers les API HTML5 ou avec fonction de fallback avec Flash.
==Animations==
Bibliothèques qui sont spécialisées dans les animations (pour graphiques ou dessin voir plus bas).
==Dessins, Canvas, SVG==
Bibliothèques qui permettent de générer et/ou manipuler des éléments graphiques (Canvas, SVG, ...)
==Visualization de données==
Bibliothèques qui permettet de créer des graphiques ou des visualizations de données interactives.
==Applications==
Bibliothèques qui permettent de structurer le code JavaScript pour faciliter le développement d'application complèxes.
==Moteurs de jeu (i.e. Game engine)==
Bibliothèques qui facilitent le développement de jeux vidéo sans un outil auteur prédéfinit.
[[Category: JavaScript]]
[[Category: JavaScript]]

Version du 8 octobre 2015 à 21:41

Cet article est en construction: un auteur est en train de le modifier.

En principe, le ou les auteurs en question devraient bientôt présenter une meilleure version.



Introduction

Une bibliothèque JavaScript est un fichier .js – rarement plusieurs – déjà codé qui met à disposition des méthodes et des fonctions pour l’ajoute de fonctionnalités dynamiques à une page HTML. Pour disposer de ces fonctionnalités, il est suffisant d’inclure la référence absolue ou relative au fichier externe à l’intérieur du tag script dans le code HTML de la page.

Il existe principalement deux types de bibliothèques JavaScript :

  1. Les bibliothèques de type « général » qui facilitent le développement en JavaScript de manière globale, c’est-à-dire une sorte de version alternative (simplifiée souvent) ou d’extension du langage original ;
  2. Les bibliothèques de type « spécifique » qui facilitent l’intégration d’une fonctionnalité plutôt précise, par exemple des graphiques créés dynamiquement, des carrousels d’images, l’inclusion de vidéos, etc.

La frontière entre les deux types de bibliothèques n’est cependant pas absolue, il existe des recouvrements. Par exemple il y a des bibliothèques qui mettent à disposition plusieurs fonctionnalités assez spécifiques. Les bibliothèques « générales » disposent également de « plugins » qui sont des fonctionnalités spécifiques développées en utilisant les méthodes de la bibliothèque elle-même.

Organisation de cette page

Cette page a comme objectif de présenter une liste de bibliothèques JavaScript qui pourraient être utiles pour des développeurs de différents niveaux. Pour ce faire, les bibliothèques sont organisées en différentes catégories et pour chaque bibliothèque les informations suivantes devraient idéalemement être affichées :

  • Nom de la bibliothèque (avec lien interne s'il existe une page dans ce Wiki)
  • Brève description
  • Niveau nécessaire pour bien maîtriser la bibliothèque (Débutant, Intermédiaire ou Expert)
  • Site web du projet ou de la bibliothèque

Quelles bibliothèques ajouter ?

Le web est plein de différentes bibliothèques/projects JavaScript qui sont souvent abandonnés ou ne plus maintenus. Pour cette raison il serait bien d'inclure dans cette pages des bibliothèques qui présente au moins l'une des caractèristiques suivantes :

  1. Sont dans une version stable (i.e. > 1.0, pas alpha ou béta)
  2. Sont maintenues par des institutions ou entreprises (e.g. Google, Adobe, etc.)
  3. Disposent d'une documentation exhaustive

Manipulation du DOM

Les bibliothèques qui permettent de manipuler le DOM facilitent les actions de sélection, insertion et modification d'éléments dans la page HTML.

Nom Description Niveau Lien
jQuery jQuery est une bibliothèque Javascript dont le but est de simplifier plusieurs opérations fastidieuses en Javascript "pur". En particulier elle rends la manipulation du DOM et l'ajout de transitions en HTML beaucoup plus simple. Tout niveau https://jquery.com/
MooTools Ajoute des fonctionnalités pour des développeurs expérimentés. Expert http://mootools.net/
Prototype.js Une des premières bibliothèques à fournir des éléments pour la manipulation du DOM. Tout niveau http://prototypejs.org/

Interface Utilisateur (User Interface)

Bibliothèques qui permettent de créer des interfaces interfactives, souvent intégrées avec des CSS.

Nom Description Niveau Lien
Bootstrap Framework front-end spécialement conçu pour le développement d'application web "responsive". Débutant http://getbootstrap.com/
jQuery UI Extension de la bibliothéque jQuery, elle facilite des manipulations interactives telles que le Drag & Drop, etc. Intermédiaire https://jqueryui.com/
Foundation Framework frontend avancé qui combine JavaScript et CSS pour créer des interfaces "responsive". Intermédiaire http://foundation.zurb.com/

Audio/Vidéo

Bibliothèques qui permettent de gérer les éléments multimédia audio et vidéo à travers les API HTML5 ou avec fonction de fallback avec Flash.

Animations

Bibliothèques qui sont spécialisées dans les animations (pour graphiques ou dessin voir plus bas).

Dessins, Canvas, SVG

Bibliothèques qui permettent de générer et/ou manipuler des éléments graphiques (Canvas, SVG, ...)

Visualization de données

Bibliothèques qui permettet de créer des graphiques ou des visualizations de données interactives.

Applications

Bibliothèques qui permettent de structurer le code JavaScript pour faciliter le développement d'application complèxes.

Moteurs de jeu (i.e. Game engine)

Bibliothèques qui facilitent le développement de jeux vidéo sans un outil auteur prédéfinit.