Aperçu du cours
Objectif de formation : Maitriser la manipulation des composants d’AJAX, le CSS, le DOM, ainsi qu’à établir des échanges client-serveur
Prérequis
- Bonnes connaissances en Javascript et en technologies Web côté client
Objectifs pédagogiques
- 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
Public ciblé
- Webmasters
- Développeurs Web
- Informaticiens
Programme de 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.
-
Instructeur
