Formation Ajax
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)
Durée : Module 1 (3 jours) - Module 2 (5 jours)
5 jours - ( horaires : 9hoo à 12h30 - 14h00 à 17h30)
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.
objectif :
•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
1. Introduction
AJAX pour la révolution du client web
Modèle traditionnel web
Modèle AJAX
Les clients riches
A comme Asynchrone
2. 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)
3. 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
4. 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
5. Stratégie et étude de cas
Quand et comment mettre en oeuvre AJAX
Google (map, calendar)
Netvibes
Exemples en entreprises
6. 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
7. 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