ISET de Djerba

LICAR

BEN JAMAA Soufiene

Atelier 1 Initiation Ajax et jQuery

Initiation Ajax
Dfinition
Ajax est un acronyme signifiant Asynchronous JavaScript and XML

Ajax
XHTML CSS DOM JavaScript XML XMLHttpRe quest Framework JavaScript

Initiation Ajax
Dfinition
Ajax a t introduit par Jesse James Garrett (informaticien Amricain), le 18 fvrier 2005. Les applications Web traditionnelles t trs bas des
consomme inutilement une partie de la bande passante, Les inconvenants de ce type de fonctionnement :

requtes dites synchrones .code (X)HTML tant commune aux une grande partie du
diffrentes pages de l'application. Les interfaces utilisateur trs lentes.
4

Manque dinteraction (web 2.0).

Initiation Ajax
Ide de Jesse James Garrett
envoyer des requtes de types XMLHttpRequest ;
rcuprer uniquement les donnes ncessaires; ces requtes sont dites asynchrones .
XMLHttpRequest est un objet ActiveX ou Javascript qui permet d'obtenir des donnes au format XML, JSON, mais aussi HTML, ou encore texte simple l'aide de requtes HTTP.

Initiation Ajax
Ajax exemples dutilisation
Le saisie semi-automatique de Google. La carte gographique et de plan en ligne : Google Maps, Microsoft Maps, Yahoo Maps Les portails Web personnalisables: Netvibs, iGoogle . Agenda de Google.
6

Initiation Ajax
Avantages et Inconvnients
Avantages
Rapidit dexcution; Machine de faible puissance; Sparation des technologies; Trs vite dploy; Respect des standards.

Inconvnients
7 Ncessite Javascript activ; Faille de scurit; Rfrencement; Gestion plus forte de laccessibilit; Gestion des favoris.

Initiation jQuery
Dfinition
Bibliothque (framework) JavaScript libre (MooTools, Prototype, Dojo) But : simplifier des commandes communes de JavaScript. La premire version date de janvier 2006.
8

Initiation jQuery
John Resig
John Resig est un dveloppeur doutils JavaScript pour Mozilla Corporation et auteur du livre Pro JavaScript Techniques. Il est galement le crateur et dveloppeur principal de la jQuery JavaScript library. Il a cr galement jQuery Mobile (http://jquerymobile.com/) Microsoft et Nokia incluent jQuery sur leurs plateformes, Microsoft dansVisual Studio[2] pour lutiliser avec les frameworks ASP.NET AJAX et ASP.NET MVC Framework.
9

Initiation jQuery
Fonctionnalits
Parcours et modification du DOM; vnements ; Effets visuels et animations ; Manipulations des feuilles de style en cascade; Ajax ; Plugins ; Utilitaires (version du navigateur).
10

Initiation jQuery
Ce que jQuery nest pas Un substitut pour apprendre JavaScript
jQuery est trs puissant et trs pratique, mais vous devez nanmoins connaitre les bases de Javascript, notamment la partie objet du langage.

Une rponse tout

Utilisez jQuery uniquement lorsque cest ncessaire. On commence toujours par HTML+CSS avant de chercher des plugins jQuery magiques. De nombreuses UI sont pures html+CSS
11