Présentation de jQuery
- Qu'est-ce que jQuery ? Pourquoi jQuery ?
- L'apport par rapport à Javascript simple.
- Les éléments jQuery. jQuery UI. L'objet jQuery.
Travaux pratiques
Installation de jQuery. Mise en place d'une première page Web utilisant jQuery.
Méthodes utilitaires de jQuery
- Rappel sur les objets en Javascript.
- La manipulation d'objets avec jQuery.
- Les méthodes de traitement d'objets de jQuery.
- Les méthodes de traitement de tableaux en jQuery.
- Les chaînes de caractères et Javascript.
- Les méthodes de traitement de chaînes de jQuery.
Travaux pratiques
Mise en place d'applications Web avec différents types d'éléments en utilisant jQuery.
Les sélecteurs
- Présentation des sélecteurs jQuery.
- Rôle des sélecteurs. Les différents types de sélecteurs.
- Les pseudo-classes. Les combinateurs.
Travaux pratiques
Mise en place d'applications Web utilisant des sélecteurs.
Accès à l'arbre DOM
- Rappel sur DOM (Document Object Model).
- Accès direct aux éléments d'une page.
- Manipulation de DOM avec jQuery.
- Gestion des classes CSS (addClass(), removeClass()...
- Insertion d'éléments dans l'arbre DOM.
Travaux pratiques
Manipulation de l'arbre DOM.
La gestion des événements
- La notion d'événements en Javascript.
- Gestion des événements avec la méthode bind.
- Transmission de paramètre avec la méthode bind.
Ajax et jQuery
- Requêtage d'un serveur avec jQuery.
- Requêtes Ajax en utilisant $.ajax().
- Traitement de la réponse du serveur.
- Transmission de paramètres au serveur.
Travaux pratiques
Utilisation d'Ajax avec jQuery.
Effets visuels et interface riche avec jQuery
- Les effets visuels standard de jQuery. Créer ses propres effets visuels. Utilisation d'animate().
- Paramétrage d'effet avec easing. Gestion de la file d'attente des effets visuels.
- Présentation et installation de jQuery UI. Utilisation de composants évolués.
- Onglets (tabs(), accordéon (accordion()), boîte de dialogue (dialog()), barres de progression (progressbar()).
- Le glissé/déposé. Sélection multiple. Permutations d'éléments dans une page. Redimensionnement d'élément.
Travaux pratiques
Mise en place d'effets visuels.