Formation Ajax

Présentation

AJAX, désigne une solution informatique libre pour le développement d'applications Web. Ajax est devenu une technologie incontournable du développement d'applications riches Web 2.0, mélant ergonomie et rapidité. Durant ce cours, vous apprendrez la manipulation de ses composants, (Javascript, XML, CSS, le DOM)

Descriptif

AJAX est un acronyme de Asyncronous JavaScript And XML. Il ne s'agit pas d'un langage ni d'une technologie. C'est une méthode de développement d'applications web utilisant un ensemble de technologies couramment implémentées. En particulier, l'objet JavaScript XMLHttpRequest, associé au XML, HTML et les feuilles de style (CSS).

Les applications utilisant les techniques AJAX peuvent envoyer des requêtes au serveur HTTP pour échanger et manipuler les données de manière asynchrone avec le serveur web.

Cette technique permet d'optimiser l'ergonomie de l'application web, la vitesse d'affichage des informations et la fluidité de la navigation. Elles sont exploitées par des applications telles que Google Maps.
Le concept ajax à été développé, en février 2005 par Jesse James Garrett, associé fondateur d'Adaptative Path team d'experts en design et ergonomie des applications web ainsi que par Drew McLellan, xml.com. Il est en passe de devenir une norme W3C.

Objectifs

  • Ce qu'est un client riche et quels sont les avantages qu'il apporte
  • Les détails de la programmation avec les techniques AJAX
  • Créer des applications riches (RIA) utilisant AJAX
  • Choisir parmi les toolkits existants pour le développement de vos applicaions
  • Connaître les différents environnements de développement côté serveur

Pré-requis

  • Connaître le HTML, les CSS, XML, JavaSript
  • Connaître l'architecture client-serveur

Durée

  • Module 1 (3 jours)
  • Module 2 (5 jours)
  • Horaires : 9h00 à 12h30 - 14h00 à 17h30

Compléments d'informations

Introduction

  • AJAX pour la révolution du client web
  • Modèle traditionnel web
  • Modèle AJAX
  • Les clients riches
  • A comme Asynchrone

JavaScript

  • Rappel des notions Javascript et DOM
  • La classe XmlHttpRequest
  • Gérer la compatibilité des navigateurs
  • Premières requêtes AJAX
  • Dojo et autres frameworks avec support AJAX disponibles (RubyOnRails, DWR)

Premiers pas en AJAX

  • Rappel des notions http
  • Interprétation du statut au niveau XmlHttpRequest
  • Premier script: validation de serveur et page Internet
  • Format des réponses (texte, XML, JSON,...)
  • Manipuler les réponses au format texte
  • Première application: autocomplétion avec AJAX

X comme XML

  • Rappel des notions XML
  • Manipuler la réponse AJAX au format XML
  • Intégration du XML dans le document HTML
  • Application avancée: création d'un client riche

Stratégie et étude de cas

  • Quand et comment mettre en oeuvre AJAX
  • Google (map, calendar)
  • Netvibes
  • Exemples en entreprises

Présentation du toolkit dojo

  • Architecture de dojo
  • Rappel des classes et des notions essentielles
  • Le modèle événement en Dojo
  • Entrée/Sortie réseau, gestion de réponses
  • Dojo.io.bind et le bouton ...œRetour...
  • Animations, Courbes
  • Glisser/déplacer
  • Infobulles, Boutons, Menus déroulants, Combo box
  • Les widgets date et heure
  • Arborescence, Accordion
  • Dialogues
  • Editeur de textes

Création d'applications AJAX avec dojo

  • Exemples d'implémentations simples d'AJAX avec dojo
  • Création, analyse syntaxique et chargement de XML
  • Les fonctions de rappel de XML
  • Tableaux dynamiques HTML
  • Tableaux dojo
  • Gestion de sélections
  • Création d'une application avancée AJAX avec dojo