S'INSCRIRE
Formation jQuery, développer des applications Web interactives
- Programme
- Participants / Prérequis
- Intra / sur-mesure
-
Développer des applications Web en utilisant JavaScript nécessite souvent d'adapter le code au navigateur. Le framework jQuery est une solution très répandue pour répondre à ce genre de problématique. Ce cours vous apprendra la façon de le mettre en oeuvre et d'améliorer l'ergonomie et l'interactivité de vos sites.
Objectifs pédagogiques
- Développer des applications Web interactives "cross-browser"
- Maîtriser les sélecteurs et les méthodes jQuery d'accès aux éléments d'une page Web
- Gérer des évènements d'interaction avec l'utilisateur
- Intégrer des effets visuels et des animations au sein de pages Web
- Interagir avec un serveur en Ajax
Travaux pratiques
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.
» Participants
» Prérequis
| CLAUDE T. 17/06/2019 |
5 / 5
|
| DU L. 10/12/2018 |
4 / 5
|
| GLASS 10/12/2018 |
5 / 5
|
Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.
