OSYX - Conseils
OSYX - Développements
 
 
 

AJAX et le Web 2.0



Durée (recommandée) : 3 jours


Description

AJAX est une nouvelle technique de développement Web. Plus précisément, AJAX (Asynchronous JavaScript and XML) est une nouvelle façon de combiner entre elles différentes technologies bien connues: JavaScript, XML, DOM, CSS, . AJAX permet de développer des applications Web présentant une fluidité impossible à atteindre avec une approche traditionnelle. Ce cours présente les différentes composantes d’AJAX et propose des exemples concrets de mise en œuvre de cette technologie au travers de la réalisation d’applications Web dynamiques.

Public concerné

Ce cours s'adresse aux programmeurs désireux de développer des pages Web en utilisant les dernières technologies dites du "Web 2.0".

Niveau requis

Pour suivre ce cours efficacement il est recommandé de connaître un langage de programmation: JavaScript, Java, … et de connaître le langage HTML.

Déroulement du cours

  • Introduction
    • Différences entre le modèle Web traditionnel et le modèle AJAX
    • Quand et comment utiliser AJAX
  • Rappel des caractéristiques du langage JavaScript
    • Syntaxe de base
    • Le modèle objet
    • Fonctions et objets prédéfinis
    • Gestion des événements
    • Closure et Prototypes
  • Chargement asynchrone des données grâce à XML
    • Description du mécanisme
    • Frame cachées
    • Iframes cachées
    • L’objet XMLHttpRequest
  • Principaux inconvénients des sites Ajax
    • Gestion des historiques
    • Gestion des favoris
    • Nouvelles conventions graphiques
  • Manipulation de documents XML avec Dom
    • L’arbre DOM
    • Passage du format Fichier plat au format DOM
    • Parcours de documents XML
    • Modification de documents XML
  • Le format de données JSON
    • Syntaxe de base
    • Cas d’utilisation
  • Gestion des différents browser
    • Principales différences
    • Développer un code portable
  • Présentation de XSL-T
    • Introduction à XSL-T et XPath
    • Utilisation combinée XSL-T/AJAX
    • Recherche d’informations avec XPath et XSL-T
  • Exemples de framework AJAX
    • Ajax côté serveur (Java et J2EE): DWR, JSON-RPC-Java
    • Ajax côté client (JavaScript): Sarissa, Dojo
    • Ajax côté serveur et client (Java, JavaScript): XWire, Swato
  • Présentation détaillée du toolkit Dojo
    • Principe de fonctionnement
    • Widgets proposées
    • Gestion des événements
    • Positionnement des widgets
    • Gestion du bouton back et des favoris


Les participants reçoivent un support de cours qui leur servira par la suite d'ouvrage de référence.

Le cours est prévu pour comporter une partie travaux pratiques sur machine représentant plus de la moitié de la durée du cours.