Objectifs pédagogiques de la formation

Cette formation AJAX vous permet de :

  • Améliorer vos applications Web avec Ajax.
  • Créer des applications client riches avec Ajax.
  • Gérer les performances et la sécurité des sites Web.

 

Programme de la formation

Rappel sur le contexte Web
  • Le modèle HTTP
  • Les langages serveur et les langages clients
  • L'exécution de JavaScript

Introduction à Ajax
  • Les limitations du HTML habituel
  • Définition d'Ajax
  • Principe de fonctionnement et architecture

La brique technique
  • Description de xmlhttprequest
  • Le cas spécifique Internet Explorer 6
  • Travaux pratiques : vérification d'un champ de formulaire

Passage des données
  • Utilisation des paramètres HTTP en GET et POST
  • Envoi de données en XML
  • Comment choisir entre les deux méthodes

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

Ajax avec Prototype
  • Introduction à Prototype
  • Description des fonctionnalités de base
  • Travaux pratiques : simplifier et améliorer un formulaire HTML, menu déroulant avec chargement dynamique

Les bibliothèques supplémentaires
  • Utilisation de Script.aculo.us pour les effets
  • Etude 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
Les limites d'Ajax
  • 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
  • La problématique des performances
  • Limites 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

Accessibilité
  • Difficultés d'accès des navigateurs alternatifs
  • Indexation par les moteurs de recherche
  • Accessibilité sans JavaScript Ajax comme alternative
  • Dégradation silencieuse du contenu
  • Doubler les fonctionnalités Ajax sur le serveur
  • Utilisation pragmatique d'Ajax