Objectifs

-Comprendre ce qu’est Ajax et le web 2.0.
-Consolider vos connaissances XML, Javascript, CSS, DOM
-Créer des interfaces utilisateur riches

Programme

– 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

Public concerné:

Webmasters, développeurs Web,
informaticiens.

Prérequis:

Bonnes connaissances en
Javascript et en technologies Web côté client