====== 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 [[http://www.heig-vd.ch/Default.aspx?tabid=222|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
  - [[ajax:w3c#quelques_mises_au_point_w3c|Mises au point W3C]] : XHTML/CSS et manipulation "du DOM"
  - Le [[ajax:jsonxhr#json|format JSON]]
  - Première requête AJAX avec l'objet [[ajax:jsonxhr#xmlhttprequest|XMLHTTPRequest]]
  - Prise en main de jQuery, "write less, do more"
  - AJAX en profondeur avec jQuery
  - AJAX et le dialogue "cross-domain" (JSONP, Proxy)
  - [[ajax:websocket|HTML5 et les "web sockets"]]

===== Les ressources de cours =====
  * 25.05.11 : 
    * {{:ajax:ajax-intro.pdf|Intro}}, [[ajax:w3c#quelques_mises_au_point_w3c|Mises au point W3C (TP1 et TP2)]]
  * 01.06.11 : 
    * XMLHTTPRequest et JSON : [[ajax:jsonxhr#json|format JSON]], [[ajax:jsonxhr#xmlhttprequest|TP2 avec XMLHTTPRequest]], [[ajax:jsonxhr#tp3|TP3]]
  * 08.06.11 :
    * {{:ajax:ajax-jquery_1.pdf|Prise en main de jQuery}} : [[http://jquery.com|librairie jQuery]], [[ajax:jqueryExemple|jQuery par l'exemple]], [[ajax:tp4|TP4]]
  * 15.06.11 :
    * {{:ajax:ajax-jquery_2.pdf|AJAX avec jQuery}} : {{:ajax:4_jqueryajax.zip|un exemple}}, [[http://ogo.heig-vd.ch/ajax/TP2_form/index_jqueryAjax.html|TP2 à la jQuery]], [[http://ogo.heig-vd.ch/ajax/TP3_xhr/index_jqueryAjax.html|TP3 à la jQuery]], [[ajax:TP5]]
  * 22.06.11 :
    * Introduction [[ajax:websocket|HTML5 : Web socket]]
    * {{:ajax:ajax-crossdomain.pdf|AJAX et le dialogue "cross-domain"}} : [[ajax:crossdomainExamples|cross-domain par l'exemple]], approche proxy [[ajax:tp6|TP6]], approche JSONP [[ajax:tp7|TP7]], contexte d'exécution [[ajax:tp8|TP8]]
  * 29.06.11 :
    * Checklist : testez ce script {{:ajax:loginservice.php.zip|loginService.php}} dans votre serveur HTTP/PHP (par exemple : http://localhost/tecweb/Exam/loginService.php?login=lagaffe&passwd=menfin)
    * Examen final : [[ajax:sol|corrigés des 1, 2 et 3]], et {{:ajax:exammasrad.zip|le corrigé du 4 tant attendu}}.