Cursus « Developpement WEB » :
jQuery Les fondamentaux

Programme détaillé de la formation :

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
Parcourir les documents HTML
• Associer les noeuds par nom, ID, classe, position, contenu,
• comportement et contexte d'élément
• Associer des appels à la fonction jQuery()
Ajout et remplacement de contenu avec jQuery
• Mettre à jour, ajouter et supprimer du contenu d'éléments et des valeurs d'attributs
• Ajouter des noeuds au DOM
• Manipuler les noeuds 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 intrusif
• Utiliser la méthode .ready()
• Affecter des gestionnaires d'événements avec un programme
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()
Mise à jour asynchrone des composants de pages
• 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()
Conversion des données de seveur sérialisées en HTML
• Extraire le format JSON avec .getJSON()
• Rechercher et analyser du code XML avec .ajax()
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
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
• 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
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()
• Effets et accélérations complexes pour les animations
Ajouter des fonctions Web 2.0
• Redimensionner les éléments HTML
• Créer des interfaces utilisateur avec la fonction glisser-déposer
Quelques compléments
• Structure les pages avec les attributs HTML5 data-*
• Economiser de l'espace avec les listviews et les blocs réductibles
• Initialiser les pages avec pageinit et gérer les événements tactiles