Public visé
Développeurs Web.
Prérequis
- Connaissances de base du langage JavaScript et des technologies Web
- Bonnes connaissances du langage HTML
Objectifs pédagogiques
À l’issue de cette formation, vous serez capable de :
- Créer des applications Web interactives compatibles avec tous les navigateurs
- Utiliser les sélecteurs et méthodes jQuery pour accéder aux éléments d’une page
- Gérer les événements d’interaction utilisateur
- Intégrer des effets visuels et animations dans des pages Web
- Communiquer avec un serveur en Ajax
Programme
Présentation de jQuery
- Définition et avantages de jQuery par rapport à JavaScript simple
- Éléments jQuery, jQuery UI, objet jQuery
- TP : Installation et première page Web avec jQuery
Méthodes utilitaires de jQuery
- Manipulation d’objets JavaScript
- Traitement d’objets et tableaux
- Gestion de chaînes de caractères
- TP : Applications Web avec différents types d’éléments
Les sélecteurs
- Types de sélecteurs, pseudo-classes, combinateurs
- TP : Applications utilisant les sélecteurs
Accès à l’arbre DOM
- Manipulation du Document Object Model
- Gestion des classes CSS et insertion d’éléments
- TP : Manipulation du DOM
Gestion des événements
- Notion d’événements JavaScript
- Méthode bind et transmission de paramètres
Ajax et jQuery
- Requêtage serveur avec $.ajax()
- Traitement des réponses
- TP : Utilisation d’Ajax
Effets visuels et interface riche
- Effets standards et personnalisés avec animate()
- jQuery UI : onglets, accordéons, dialogues, barres de progression
- Glissé/déposé et redimensionnement
- TP : Mise en place d’effets visuels