De nombreuses librairies javascripts (jquery, extjs, scriptaculous,dojo,…) existent pour rendre plus intuitives vos interfaces web.
Mais une a plus particulièrement attirée mon attention : Jquery
Pourquoi choisir cette librairie ?
- – elle est très complète
- – la communauté est importante
- – les plugins importants
- – les bugs réparés rapidement
Qu’a t-elle de spéciale par rapport aux autres ?
- Son concept de base : utiliser la structure hiérarchique du document HTML (Le DOM)
- Le script ne parasite pas le code HTML : utilisation des attributs “id” et “class” des tags
- Elle supporte l’XmlHttpRequest (Ajax)
- Externalisation du script qui permet de gérer les événements
- Installation très facile par de simples liens (link) et l’étiquetage des tag Html via Id ou Class
- Légèreté de la librairie
Les principes de bases :
- Des actions sur les noeuds du DOM (choix d’éléments, boucle sur des éléments, événements : un langage dans le langage, …)
- Des effets et animations : fade, déplacement (sliding), de tremblement, de glissement, …
- Des widgets : drag and drop, accordéon, sliders, tri, barre de progression, datepicker, boite de dialogue, onglets, …
Beaucoup d’animations pour enrichir vos interfaces web et en améliorer l’expérience utilisateur.
On se rapproche de logiciels classiques avec peut-être encore plus d’esthétique et d’ergonomique.
Que peut-on faire avec Jquery ?
- des carrousels,
- des popup nouvelles génération (lightbox, thickbox, greybox)
- des menus de toutes sortes : verticaux, horizontaux, onglets, hierarchique, …
- des Glisser-Déplacer
- des menus déroulants plus ergonomiques
- des tooltips plus joli, plus paramétrables
- …
sans rechargement des pages bien sûr!
et les sites en version française :
www.jquery-france.com
www.jquery.info
Un prochain article listera les différents plugins utiles : menus, boite de dialogue, lightbox, thickbox, greybox, drag and drop, …
Une autre libraire peut également faire des effets similaires mais je trouve qu’elle n’a pas tous ces avantages : c’est Library Ajax de l’ASP.NET. Fournie de nombreux exemples avec l’AjaxToolkit