Description
Objectif de formation : Maitriser la manipulation des composants d'AJAX, le CSS, le DOM, ainsi qu'à établir des échanges client-serveur
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 concerné
Webmasters
Développeurs Web
Informaticiens
Prérequis
Bonnes connaissances en Javascript et en technologies Web côté client
Déroulé du programme
1
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
2
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
3
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
4
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.
5
Traitements XML en Javascript
- Présentation XSLT
- Langage Xpath
- Format RSS
- Travaux pratiques : Traitement XSLT. Usage de flux RSS
6
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
7
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.
8
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.
Informations
Durée
3 jour(s)
21h
Tarif
1850 € HT
HT
