Développer un site Web 2.0 avec Ajax

Objectifs & compétences

Améliorer les applications Web avec Ajax
Créer des applications client riches avec Ajax

Public visé

Développeur HTML
Équipe projet
Webmaster technique

Pré-requis

Maîtrise du développement HTML et de JavaScript.
Connaissance basique de XML.

Programme

1. APPEL SUR LE CONTEXTE WEB
Le modèle HTTP.
Les langages serveur et les langages clients.
L'exécution de JavaScript.

2. INTRODUCTION À AJAX
Les limitations du HTML habituel.
Définition d'Ajax.
Principe de fonctionnement et architecture.

3. LA BRIQUE TECHNIQUE : XMLHTTPREQUEST
Description de xmlhttprequest.
Le cas spécifique Internet Explorer 6.
Travaux pratiques : vérification d'un champ de formulaire.

4. PASSAGE DE DONNÉES
Utilisation des paramètres HTTP en GET et POST.
Envoi de données en XML.
Comment choisir entre les deux méthodes ?

5. RÉCUPÉRATION DE DONNÉES
AHAH: Données brutes en HTML.
Utilisation de XML via DOM.
Utilisation de XML puis XSLT.
Sérialisation via JSON.
Choisir entre les différents formats possibles.

6. AJAX AVEC PROTOTYPE
Introduction à Prototype.
Description des fonctionnalités de base.
Travaux pratiques : travail pour simplifier et améliorer un formulaire HTML. Menu déroulant avec chargement dynamique.

7. LES BIBLIOTHÈQUES SUPPLÉMENTAIRES
Utilisation de Script.aculo.us pour les effets.
Étude de différentes librairies (Yahoo!UI).
Travaux pratiques : effets visuels pour un formulaire et l'animation de la page. Panier de commerce électronique en drag and drop. Arbre de données dépliable dynamiquement.

8. LES LIMITATIONS
Problématique de l'asynchronisme.
Présentation du problème via l'auto-completion
d'un formulaire.
Présentation du problème d'identification des requêtes.
Performance.
Description de la problématique et des limitations
ou avantages d'Ajax dans la performance d'un site Web.
Modèle de sécurité d'Ajax.
Restrictions par défaut des communications.
Signature des scripts.

9. ACCESSIBILITÉ
Difficultés d'accès des navigateurs alternatifs.
Indexation par les moteurs de recherche.
Accessibilité sans JavaScript.

10. AJAX COMME ALTERNATIVE
Dégradation silencieuse du contenu.
Doubler les fonctionnalités Ajax sur le serveur.
Utilisation pragmatique d'Ajax.

Modalités

Méthodes