This is an old revision of the document!
Module MASRAD :: AJAX (2)
Objectifs : acquérir de bonnes connaissances pratiques dans l'utilisation des techniques dites AJAX pour la création d'applications web. Connaître et manipuler les principes et mécanismes de base de l'approche asynchrone de communication client-serveur.
Feuille de route
Introduction : le concept AJAX (Asynchronous Javascript and XML), c'est quoi ? ça sert à quoi ?
Partie 1 : les variantes de technique AJAX
Partie 2 : jQuery, une bibliothèque JS en facilitant la mise en oeuvre
Utilisation avec un framework MVC (côté serveur, ex. Laravel / côté client, ex. AngularJS)
Conclusion : session d'évaluation et corrigé
Sessions
Exemples, exercices et codes sources
20.02.2014
Intro / Détecter une utilisation AJAX dans une application/site web
Voyons une
première technique AJAX, le Script Loading basée sur la manipulation DOM
document.createElement(“script”)
13.03.2014
Terminons les exercices
TraceIt et
Amis pour mettre en oeuvre l'approche AJAX de
Script Loading
Voyons encore l'utilisation de la notation JSON avec l'exemple 5 de
Script Loading
18.03.2014
On s'échauffe avec l'exercice CodePostal pour une utilisation de la technique de
Script Loading avec un flux réponse formatté en JSON.
Voyons la technique
IFrame Loading basée sur la manipulation DOM
document.createElement(“iframe”);
27.03.2014
-
Et continuons avec la technique plus conventionnelle basée sur
XMLHTTPRequest
03.04.2014
(A) Découvrons d'abord comment le framework
jQuery peut nous simplifier la vie
-
-
Exercice WorldCat :
On souhaite une interface web pour rechercher des oeuvres dans le catalogue WorldCat moyennant un simple champ texte de recherche. La liste des résultats est présentée dans un tableau que l'on peut trier par entête de colonne. On doit pouvoir cliquer sur un élément de la liste pour voir quelques détails sur l'oeuvre. On souhaite l'interface la plus “AJAX Web 2.0” possible …
Ci-dessous les points d'entrées pour achever cet exercice :
10.04.2014
Evaluation des connaissances.