-Comprendre ce qu’est Ajax et le web 2.0.
-Consolider vos connaissances XML, Javascript, CSS, DOM
-Créer des interfaces utilisateur riches
– Présentation Ajax
– Technologies associées à Ajax
– Rafraîchir uniquement une zone de la page
– Echange de données XML ou JSON
– Ajax Engine : moteur javascript coté client
– Traitement côté client via fichier
– Technologies de la famille XML
– Transformation XSLT
– Création de documents XML
– Validation de documents XML
– DTD, XML Schema, Relax NG
– Application aux flux RSS
– Rôle dans Ajax
Travaux pratiques
Création d’une structure XML bien formée et valide.
– Manipulation XML
– Arbre DOM
– DOM Javascript
– Création dynamique de fichiers XML
– Rôle dans Ajax
Travaux pratiques
Modification dynamique du DOM
– Habillage de page web
– Rappels feuilles de styles interne/externe
– Syntaxe
– Rôle dans Ajax
– Javascript : la glue d’Ajax
– Présentation Javascript
– Objets document, window
– div, id et innerHTML
– Validation de formulaires
– Onload, onblur, Onclick
– Manipulation XML/DOM
– Fonctions, pseudo objets
– apply, call
– this, prototype, closures
– Problématique format XML
– Format de données JSON
– Comparaison JSON/XML
– Ajax et JSON
– Fonction javascript eval
– Créer et utiliser un objet XMLHttpRequest.
– Outils de débogage (IE Toolbar, Firebug).
– Modification des en-têtes HTTP.
– Encodage et décodage des données.
– Gestion des erreurs. Gestion du cache.
Travaux pratiques
Création d’un formulaire de login en Ajax. Remplir dynamiquement un menu déroulant.
– Threads. Usage d’iFrame pour les appels client/serveur.
– Traitements asynchrones, synchrones.
– Sécuriser des échanges Ajax (cryptage, sessions…).
– Problématiques de sécurité et performance : cryptage, compression, débogage, offuscation.
– 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.
Référence : WEB024
Type de Stage : Pratique
Durée : 3 jours
Webmasters, développeurs Web,
informaticiens.
Bonnes connaissances en
Javascript et en technologies Web côté client