Formation Jquery : Développer des applications Web 2.0


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
Participants
  • Architecte
  • Chef de projets
  • Ingénieur
  • Développeur Web
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 5 jours
  • Réf. : WEB57

Dates de Formations

13 au 17 Mai 2019

15 au 19 Juil. 2019

09 au 13 Sept. 2019

25 au 29 Nov. 2019

Programme
  • 1/ 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
  • 2/ 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()
  • 3/ 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
  • 4/ 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()
  • 5/ 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()
  • 6/ 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
  • 7/ Etendre 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
  • 8/ 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
  • 9/ 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-*
      • - Economiser de l'espace avec les listviews et les blocs réductibles et initialiser les pages avec pageinit et gérer les événements tactiles