PHP
jQuery, développer des applications Web interactives
Reference : JQUERYDEV

5
jours - 2 790 € € HT Télécharger la fiche
Prochaines sessions

Objectifs
- Développer rapidement des applications web 2.0 dynamiques avec jQuery, HTML, CSS et Ajax
- Créer des interfaces client aux fonctionnalités avancées et accessibles sans navigateur avec des animations et des effets jQuery
- Optimiser les formulaires HTML afin qu’ils exploitent la validation jQuery et l’appel aux services web avec Ajax Cette formation aborde aussi jQuery Mobile.
Pré requis
- Des connaissances en HTML et CSS sont nécessaires.
- Une expérience de JavaScript ainsi que des notions de base de programmation seraient utiles.
Modalités et délais d’accès
Pré-inscription
Bulletin d'inscription à retourner complété
Programmes de jQuery, développer des applications Web interactives
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 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 et 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 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()
- 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
- 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
É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
- 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 et 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
Créer des pages mobiles multi-plate-forme 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 avec pageinit et gérer les événements tactiles