JavaScript avec jQuery

Simplifiez vos développements JavaScript avec jQuery
Avant de commencer
Historique du Web : de HTML à jQuery
Qu'est-ce que jQuery ?
Ce qui rend jQuery si puissant et universel
Installer jQuery
Premiers pas
Le vocabulaire à connaître
Le squelette HTML typique
Attendre la disponibilité du DOM
Premier script : « Hello world »
Sélection d'éléments
Fonctionnement de base de jQuery
Sélection d'éléments
Notions indispensables
Plus loin dans la sélection d'éléments
Sélecteurs d'attributs
Sélecteurs hiérarchiques
Pseudo-sélecteurs d'éléments sélectionnés
Sélecteurs d'éléments particuliers
Pseudo-sélecteurs spécifiques aux formulaires
Sélecteurs utilisés dans les tableaux
Parcourir les éléments sélectionnés
Conversion jQuery/DOM
Modifier le contenu d'un élément
Getters et setters
Accéder aux attributs HTML et aux propriétés CSS
Travailler avec l'attribut class
Travailler avec les formulaires
Travailler avec les valeurs stockées dans des éléments
Position et taille des éléments
Associer des données aux balises
Insérer et remplacer des éléments dans le DOM
Insérer du contenu
Remplacer des éléments
Insérer des éléments
Déplacer du contenu
Dupliquer des éléments
Entourer des éléments
Supprimer des éléments
TP : Questionnaire interactif en jQuery
Instructions pour réaliser le TP
Correction
Les bases de la gestion événementielle
La souris
Le clavier
Les éléments
Les pages
Plus loin dans la gestion événementielle
Événements personnalisés
Gestion événementielle unique
Déclenchement d'événements
Créer des événements personnalisés
Délégation d'événements
Animations et effets
Apparition et disparition
Fondu enchaîné
Aller plus loin
Files d'attente et timer
Les files d'attente jQuery
État de la file d'attente
Manipuler la file d'attente
Répéter une animation sans fin
Arrêter et reprendre une animation
Mettre en place un timer
Textes et images
Les chaînes de caractères
Les images
Formulaires et tableaux
Les formulaires
Les tableaux
TP : Mise en forme d'une page Web
Instructions pour réaliser le TP
Correction
Un jeu en jQuery
Le document de base
Gérer les déplacements
Détecter les collisions
Ajouter des sons
Le code complet
TP : Un jeu de collecte spatiale
Instructions pour réaliser le TP
Correction
Premiers pas avec AJAX
Qu'est-ce qu'AJAX ?
Charger un fichier
Charger une partie d'un fichier
Passer des paramètres à un programme PHP
Requêtes GET et POST
Faire patienter l'utilisateur avec une animation
Plus loin avec AJAX
Charger un script et des données JSON
La fonction $.ajax()
Événements associés à une requête AJAX
TP : Un chat en jQuery
Instructions pour réaliser le TP
Correction
Trouver et utiliser un plugin
Trouver et utiliser un plugin jQuery
Quelques exemples de plugins
jQuery UI
De quoi est capable jQuery UI ?
Déplacer et redimensionner des éléments
Un accordéon
Sélection de date
Des boîtes de dialogue
Afficher des onglets
Animation : une impression de déjà-vu
Animation de couleurs
Modèles de progression
Créer un plugin
Le squelette d'un plugin
Un premier plugin
Un plugin plus ambitieux
Déboguer le code jQuery
Déboguer avec la fonction alert()
Try et catch
Capturer toutes les erreurs
Déboguer avec Firebug