Bibliothèques et frameworks javascript

Objectifs

• Être capable d’utiliser le Framework JavaScript jQuery
• Savoir manipuler les éléments du DOM avec JQuery pour ajouter du dynamisme aux pages web
• Comprendre comment créer des effets visuels personnalisés

Programme

Présentation de jQuery

Récupérer et installer jQuery

• Conseils sur les performances

Première utilisation

• La fonction $() ou jQuery()
• Les sélecteurs jQuery
• Sélecteur CSS
• Sélecteur d’attribut
• Sélecteur personnalisé
• La méthode .filter()
• Autres méthodes de parcours du DOM

Manipuler les éléments du DOM

• Description des évènements
• Évènements au chargement de la page
• Évènements associés au DOM
• Attacher un évènement sur un élément du DOM
• Méthode .bind()
• Méthode .live()
• Méthode .delegate()
• Méthode .on()
• Les raccourcis d’évènements
• Les callBacks
• callBack sans argument
• callBack avec argument
• Gérer les évènements multiples
• Propagation des évènements
• Retirer un évènement sur un élément du DOM
• Les évènements et les espaces de nom

AJAX avec jQuery

• Premiers pas, les paramètres de la méthode .ajax()
• callBack.done()
• callBack.fail()

Les webStorage et éléments éditables

Mise en pratique

Les effets visuels

• Effets visuels intégrés à jQuery
• Animations personnalisées