jQuery : Les fondamentaux

Principes de base de jQuery

Étude des avantages de jQuery

• Parcourir le code HTML avec la fonction jQuery()
• Présentation de Sizzle, le moteur de sélection basé sur les CSS

Parcourir les documents HTML

• Associer les nœuds par nom, ID, classe, position, contenu, comportement et contexte d'élément
• Associer des appels à la fonction jQuery()

Manipulation du Document Object Model (DOM) pour créer du DHTML compatible entre navigateurs

Ajout et remplacement de contenu avec jQuery

• Mettre à jour, ajouter et supprimer du contenu d'élément et des valeurs d'attributs
• Ajouter des nœuds au DOM et manipuler les nœuds parents et enfants

Affecter des propriétés CSS de façon dynamique

• Ajouter et supprimer des règles et des classes CSS
• Contrôler la taille et la position des éléments

Créer un code JavaScript accessible et non obstrusif

• Utiliser la méthode .ready()
• Affecter des gestionnaires d'événements à l'aide d'un programme
• Accroître l'accessibilité via l'amélioration progressive

Animation de pages Web avec des effets jQuery

Enrichir des pages en ajoutant des animations simples

• Contrôler la visibilité avec .hide(), .show() et .toggle()
• Créer des effets de glissement et de fondu remarquables
• Combiner des animations et répondre aux fonctions de rappel

Programmer des animations complexes

• Optimiser les animations avec des effets d'accélération
• Tirer profit des littéraux d'objets pour contrôler les animations
• Développer des animations personnalisées avec .animate()

Création de pages réactives avec Ajax

Mise à jour asynchrone des composants de page

• Télécharger du HTML avec la méthode .load()
• Appeler des services Web avec .get() et .post()
• Utiliser les gestionnaires d'événements génériques Ajax

Conversion des données de serveur sérialisées en HTML

• Extraire le format JSON avec .getJSON()
• Rechercher et analyser du code XML avec .ajax()

Conception de formulaires conviviaux

Exploration des outils jQuery dédiés à la manipulation des formulaires

• Sélectionner et diriger le focus sur le premier élément
• Créer une réponse aux événements Focus et Blur
• Envoyer des commentaires en temps réel via les événements clavier

Intégrer un plugin de validation

• Appliquer des règles prédéfinies dans les classes CSS
• Valider onsubmit et onblur
• Définir des règles et des messages personnalisés

Étendre jQuery avec les plugins

Intégrer des plugins connus

• Exploiter les contributions de la communauté jQuery
• Extraire des données imbriquées dans la sémantique HTML avec le plugin Metadata
• Manipuler les images avec les diaporamas et les carrousels

Développer des plugins jQuery

• Respecter les meilleures pratiques et les conventions de nommage
• Gérer plusieurs éléments
• Activer le chaînage des méthodes
• Utiliser l'alias $ pour éviter les conflits entre les espaces de noms
• Utiliser les littéraux d'objets pour remplacer les valeurs par défaut

Créer des interfaces utilisateur perfectionnées avec jQuery UI

Gérer les styles pour uniformiser le "look and feel" (aspect et convivialité)

• Télécharger et personnaliser jQuery UI
• Sélectionner des thèmes prédéfinis

Insérer des widgets pour accroître l'interactivité des applications Web

• Optimiser l'agencement de l'écran avec des accordéons et des onglets
• Ajouter des fenêtres flottantes redimensionnables avec des boîtes de dialogue
• Rationaliser la sélection et la mise en forme des dates avec Datepicker
• Proposer une aide à la saisie avec la saisie semi-automatique statique et dynamique

Implémenter des effets

• Créer des animations en couleur avec .animate()
• Exploiter les effets et les accélérations complexes pour les animations

Ajouter des fonctions Web 2.0 performantes avec des interactions

• Redimensionner les éléments HTML
• Concevoir des interfaces utilisateur avec la fonction glisser-déposer