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)

1. Introduction générale : AJAX (Asynchronous Javascript and XML), un ensemble de plusieurs technologies qui s'assemblent pour un web plus “applicatif”.
2. Un premier résumé des avantages d'AJAX
3. Mises au point W3C : XHTML/CSS et manipulation “du DOM”
4. Le format JSON
5. Première requête AJAX avec l'objet XMLHTTPRequest
6. Prise en main de jQuery, “write less, do more”
7. AJAX en profondeur avec jQuery
8. AJAX et le dialogue “cross-domain” (JSONP, Proxy)
9. HTML5 et les "web sockets"

• 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 : corrigés des 1, 2 et 3, et le corrigé du 4 tant attendu.