Jquery : les fondamentaux

Principes de base de jQuery

• Parcourir le code HTML avec la fonction jQuery()
• Présentation de Sizzle, le moteur de sélection basé sur les CSS
• 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

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

• Utiliser la méthode .ready()
• Affecter des gestionnaires d'événements avec un programme

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
• 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()
• Remplacer les rappels par des objets différés en chaînes
• Combiner les appels Ajax avec when() et then()

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

Conception de formulaires conviviaux

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
• Commentaires en temps réel via les événements clavier
• Intégrer un plug-in de validation

• 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

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

Interfaces utilisateur perfectionnées avec jQuery UI

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
• Proposer une aide à la saisie avec la saisie automatique

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

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

Créer des pages mobiles multiplateforme avec jQuery mobile

Travailler avec des pages et des commandes mobiles

• Structurer les pages avec les attributs HTML5 data-*
• Économiser de l'espace avec les listviews et les blocs réductibles et initialiser les pages et gérer les événements tactiles