Miura Conseil - Les experts eCommerce certifiés Magento à Lyon - Ajax, programmation côté client

Bienvenue sur le site de Miura-Conseil
Notre blog | Notre boutique

Ajax, programmation côté client

Objectifs

Ajax est devenu une technologie incontournable du développement d’applications riches Web 2.0. Durant ce cours, vous apprendrez la manipulation de ses composants, le CSS, le DOM, ainsi qu’à établir des échanges client-serveur.

Participants

Ce cours s’adresse aux webmasters, développeurs web, informaticiens.

Pré-requis

Connaissances JavaScript.

Ajax

 Les objectifs d’Ajax.
 Ajax et l’accessibilité.
 Force du mix technologique Ajax/REST/Web 2.0.
 Principes de fonctionnement.
 Présentation Ajax (Gmail, GMaps, google Suggest...).
 Choisir entre Ajax et Flash, Applet, Html. Application.

Rappel XML

 La structure XML.
 XML bien formé et validé.
 Utilisation des namespaces.
 Les moyens de validation XML : DTD et XSD.

Travaux pratiques

Création d’une structure XML bien formée et validée.

Rappels JavaScript

 La programmation Objet.
 Le type de variables.
 Les tableaux.
 Le parseur XML.
 Ecmascript et l’émergence du langage ActionScript. Avantage d’E4X.

Travaux pratiques

Validation de fichiers XML. Création et manipulation de classes et d’objets.

JavaScript Object Notation (JSON)

 Avantages et inconvénients dans les échanges.
 Objets, Arrays, syntaxe et parseur JSON.
 JSON, avantages et inconvénients.

Travaux pratiques

Mise en oeuvre.

Programmation du DOM

 Importance du langage XHTML.
 Les composantes du Dynamique HTML.
 Le rôle du DOM dans la programmation XML.
 Gestion dynamique de CSS.
 Accès, modification, ajout des éléments et des attributs (AddChild, getAttributs...).

Travaux pratiques

Modification dynamique du DOM d’une page HTML. Modifier dynamiquement le style d’éléments du DOM.

Traitements XML en JavaScript

 Présentation XSLT.
 Le langage Xpath.
 Le format RSS.

Travaux pratiques

Traitement XSLT pour modifier des structures XML. Utilisation de flux RSS.

XMLHttpRequest

 La classe XMLHttpRequest.
 Créer un objet XMLHttpRequest.
 Utiliser un objet XMLHttpRequest.
 Gestion des réponses (handle).
 Comment dialoguer en mode synchrone et asynchrone avec le serveur et JavaScript.

Travaux pratiques

Création d’un formulaire de login. Remplissage dynamique d’un menu déroulant. Traitement de données RSS à partir de flux Ajax.