Module MASRAD :: AJAX

Objectifs : Acquérir de bonnes connaissances pratiques dans le développement de client léger web basé sur AJAX. Connaître et manipuler les principes et mécanismes de base de l'approche asynchrone de communication client-serveur. Appréhender les principes de base de la programmation événementielle.

Organisation : succession d'introductions de concept et de mises en pratique (certaines dirigées, d'autres sous forme d'exercices)

Sessions (de 17h30 à 21h30, en salle T105, à la HEIG-VD, St-Roch) : 25.05.11 | 01.06.11 | 08.06.11 | 15.06.11 | 22.06.11 + (session d'évaluation : 29.06.11)

Feuille de route

Introduction générale : AJAX (Asynchronous Javascript and XML), un ensemble de plusieurs technologies qui s'assemblent pour un web plus “applicatif”.

Un premier résumé des avantages d'AJAX

Mises au point W3C : XHTML/CSS et manipulation “du DOM”

Le format JSON

Première requête AJAX avec l'objet XMLHTTPRequest

Prise en main de jQuery, “write less, do more”

AJAX en profondeur avec jQuery

AJAX et le dialogue “cross-domain” (JSONP, Proxy)

HTML5 et les "web sockets"

Les ressources de cours

25.05.11 :

Intro, Mises au point W3C (TP1 et TP2)

01.06.11 :

XMLHTTPRequest et JSON : format JSON, TP2 avec XMLHTTPRequest, TP3

08.06.11 :

Prise en main de jQuery : librairie jQuery, jQuery par l'exemple, TP4

15.06.11 :

AJAX avec jQuery : un exemple, TP2 à la jQuery, TP3 à la jQuery, TP5

22.06.11 :

Introduction HTML5 : Web socket

AJAX et le dialogue "cross-domain" : cross-domain par l'exemple, approche proxy TP6, approche JSONP TP7, contexte d'exécution TP8

29.06.11 :

Checklist : testez ce script loginService.php dans votre serveur HTTP/PHP (par exemple : http://localhost/tecweb/Exam/loginService.php?login=lagaffe&passwd=menfin)

Examen final : ...