|
Enjeux
AJAX (Asynchronous Javascript And XML) est une nouvelle façon de développer des applications Web. Cette nouvelle approche s'appuie sur une combinaison innovante de technologies déjà existantes (DOM, CSS, XML, Javascript), l'approche AJAX permet de faire des applications Web présentant une fluidité impossible à atteindre avec une approche traditionnelle.car il n'y a pas de rechargement complet de la page.
|
Les outils de l'environnement d'AJAX
- Présentation d'AJAX et de l'objet XmlHTTPRrequest
- Les concepts d'Ajax
- Quelques exemples (GMail, GMaps, Meebo)
- Le protocole HTTP
HTML/DHTM Javascript
- Rappel sur le langage
- Notion d'objets
- Utilité dans le cadre d'un projet
Le modèle DOM
- Présentation de l'arbre DOM
- L'inspecteur DOM
Programmation orientée objet en Javascript
- Rappel concepts objets
- Objets en javascript
- Format JSON
- Le mot clé this, les closures
- La notion de prototype et l'héritage en javascript
|
Communication via XMLHTTPRequest
- Utilisation synchrone/asynchrone
- Cycle de vie d'une requête Ajax
- Réponse XML/Texte
Présentation de librairies
- Prototype
- Script.aculo.us
- Dojo
Présentation de frameworks java
- Google Web Toolkit (GWT)
- Direct Web Remoting (DWR)
Utilisation des CSS avancés
Cas pratique - réalisation d'un portail
- Création d'un outil pour évaluer du javascript
- Création d'un contrôle de suggestion de saisie
- Transformation du contrôle pour utiliser Ajax
- Récupération d'un flux RSS en Ajax et exploitation avec les API DOM de Dojo
- Utilisation de Widgets Dojo
- Utilisation de DWR
- Connexion à GoogleMaps
|
