Ajax - Programmation côté client

Formation créée le 12/04/2023. Dernière mise à jour le 20/04/2023.
Version du programme : 1

Type de formation

Formation présentielle

Durée de formation

21 heures (3 jours)

Ajax - Programmation côté client


Objectif de formation : Maitriser la manipulation des composants d'AJAX, le CSS, le DOM, ainsi qu'à établir des échanges client-serveur

Objectifs de la formation

  • Manipuler les classes et d'objets
  • Créer des structures XML bien formée et valide
  • Connaitre les Traitements XSLT pour gérer les flux RSS
  • Mettre en œuvre des requêtes asynchrones et multithreads
  • Programmer en Ajax avec HTML5

Profil des bénéficiaires

Pour qui
  • Webmasters
  • Développeurs Web
  • Informaticiens
Prérequis
  • Bonnes connaissances en Javascript et en technologies Web côté client

Contenu de la formation

Introduction à Ajax
  • Objectifs du langage Ajax
  • Fondamentaux techniques
  • Intérêt de l'utilisation combinée Ajax/REST/Web 2.0
  • Choix Ajax / Flash, Applet, Html.
  • Application du langage
Rappels XML et Javascript
  • Structure XML
  • Namespaces
  • Moyens de validation XML : DTD & XSD
  • Limite du XPath
  • Mise en oeuvre XSLT en Ajax
  • La programmation Objet. Types. Variables. Tableaux
  • Ecmascript
  • Emergence d'ActionScript
  • Travaux pratiques : Conception d'une structure XML
  • Travaux pratiques : Manipulation de classes et d'objets
Javascript Object Notation (JSON)
  • Forces & faiblesse dans les échanges
  • Objets, Arrays, syntaxe et parseur JSON
  • JSON, avantages et inconvénients
  • Sérialisation entre client et serveur
Programmation du DOM
  • Importance du langage XHTML
  • Composants DHTML
  • Rôle du DOM dans la programmation XML
  • Gestion dynamique de CSS
  • Travaux pratiques : Modification dynamique du DOM d'une page HTML.
Traitements XML en Javascript
  • Présentation XSLT
  • Langage Xpath
  • Format RSS
  • Travaux pratiques : Traitement XSLT. Usage de flux RSS
XMLHttpRequest
  • Créer et utiliser un objet XMLHttpRequest
  • Outils de débogage
  • Modification des en-têtes HTTP
  • Encodage et décodage des données
  • Gestion des erreurs
  • Gestion du cache
  • Travaux pratiques : Gérer une table produit, un formulaire de login en Ajax. Remplir dynamiquement un menu déroulant
Les patterns Ajax
  • Threads
  • Usage d'iFrame pour les appels client/serveur
  • Traitements asynchrones, synchrones
  • Sécuriser des échanges Ajax
  • Problématiques de sécurité et performance
  • Mise en place de proxy crossDomain
  • Présentation et mise en oeuvre du framework jQuery
  • Travaux pratiques : Mise en oeuvre de requêtes asynchrones et multithreads. Développement Ajax en jQuery.
Pour aller plus loin
  • Framework Ajax, Java, .NET. Ajax et XUL
  • Présentation de la programmation Ajax avec HTML5
  • Ajax et les API Google : Google Search et Google Maps
  • Travaux pratiques : Développer en Javascript un exemple de cartographie. Développement Ajax sous HTML5.

Équipe pédagogique

Professionnel expert technique et pédagogique

Suivi de l'exécution et évaluation des résultats

  • Émargement numérique
  • Mises en situation
  • Formulaires d’évaluation de la formation
  • Certificat de réalisation de l’action de formation

Ressources techniques et pédagogiques

  • Espace intranet de formation
  • Documents supports de formation projetés
  • Exposés théoriques
  • Étude de cas concrets
  • Mise à disposition en ligne de documents supports à la suite de la formation

Qualité et satisfaction

Taux de satisfaction des apprenants, nombre d'apprenants, taux et causes des abandons, taux de retour des enquêtes, taux d'interruption en cours de prestation...