Objectifs pédagogiques de la formation

Cette formation jQuery vous permet de :

  • Maîtriser le framework jQuery,
  • Effectuer des requêtes AJAX,
  • Mettre en oeuvre les plugins jQuery,
  • Gérer des événements,
  • Créer des effets d'animations et de transitions. 

 

Programme de la formation

Jour 1

Introduction
  • L'objectif de jQuery
  • Son positionnement
  • Référencer jQuery dans une page Web
  • Détecter la fin de chargement de la page web
  • La fonction $

Manipulation des css
  • Les sélectors css
  • Sélectionner des éléments
  • Sélections hiérarchiques
  • Sélection par attributs
  • Sélection d'éléments de formulaire
  • Navigation dans les sélections
  • Filtrer les sélections

Manipulation du DOM
  • Modifier les css
  • Ajouter/supprimer des éléments
  • Déplacer les éléments
  • Calcul de dimensions
  • Injection de code HTML

Gestion des événements
  • Ajout/suppression d'événement sur les éléments du DOM
  • Ecriture de fonctions de traitement
  • Contrôler la propagation des événements
  • Utiliser les fonctions d'aides click(), dblclick(), keypress(), etc...
  • Evénements "live"

Jour 2

Les formulaires
  • Récupérer des éléments de formulaire
  • Sérialisation de données
  • Les fonctions utilitaires
  • Validation de champs par les plugins

Les effets et animations
  • Utiliser show(), hide(), et toggle()
  • Gérer des listes arborescentes
  • Effets de transition (fadein, fadeout...)
  • Créer son animation à l'aide de animate()

jQuery et Ajax
  • La fonction générique load()
  • Les fonctions d'aide $.get(), $.post(), $.getJSON(), $.get Script(), $.ajax()
  • Les événements communs

Les plugins
  • Utiliser des plugins (Table, Lightbox)
  • Découverte de jQuery UI