Programmation AJAX

2030, boul. Pie IX Durée

Bureau 430 – 4è étage 45 heures

Montréal (Québec)

H1V 2C8 Préalables

Bonne connaissance de JavaScript ou de PHP

Pie-IX

Objectifs

À l a f in du c ours, l e par ticipant pour ra ut iliser AJAX pour c oncevoir un s ite

WEB dynamique
Téléphone (514) 251-1444 poste 4811
Télécopieur : (514) 251-3674

Approche pédagogique

• Présentation des concepts de base

• Démonstration des concepts à l'ordinateur
• Exercices à l'ordinateur supervisés par le formateur
• Aide individuelle lors des exercices

Notre site web : Sanction

www.cmaisonneuve.qc.ca Une attestation de par ticipation es t r emise aux per sonnes ay ant as sisté à
plus de 80 % des heures de formation

Complément suggéré

Afin d'atteindre un bon niveau de maîtrise, le participant devrait compléter le

cours par la pratique personnelle

Matériel remis aux participants

Révision : 31.05.2010 Site WEB du professeur

 CONTENU

1 Fondements 5 Structure de site

• Contexte d’utilisation d’AJAX
• Programmation client/serveur
• DOM JavaScript et PHP
• Exemples d’application AJAX:
o FaceBook, iTunes, youTube, Flickr,
Google Suggest, Google Maps et
GMail ...
• Références utiles
• Problèmes soulevés : accessibilité, sécurité
2 Programmation orienté objet
• Programmation du Dom
• Structure de programmation JavaScript utilisée
par jQuery
• Programmation orientée objet en JavaScript
3 La librairie jQuery
• Fondements de JQuery
• Lancement sur Document Ready
• Le Chaînage
• Processus de CallBack avec et sans arguments
• Recherche avec selectors et events
• La librairie jQuery
• Références et exemples d'application utilisant
jQuery
4 JavaScript pour Ajax
• La classe XMLHttpRequest();
o Sur IE : window.ActiveXObject
o Attributs et méthodes
• Exécution asynchrone ou synchrone
o Transmettre une requête
o Recevoir la réponse
o Traiter la réponse
• Rappel sur le traitement du DOM en JavaScript
• Conception d’une librairie AJAX
• Étapes de conception d’une application Ajax
simple
• Structure de site basée sur PHP/mySQL
permettant d’intégrer des applications AJAX
• Dossiers publics dossiers privés
• Organisation du code AJAX
• Exécution de requête SQL avec AJAX
o SELECT, UPDATE, INSERT, DELETE
• Gestion d’une base de données avec AJAX
6 Librairie Ajax de Jquery
• Requête Ajax
o jQuery.ajax( options )
o jQuery.load( url, data, callback )
o jQuery.get( url, data, callback, type )
o jQuery.getJSON( url, data, callbac
o jQuery.getScript( url, callback )
o jQuery post (url, data, callback, type)
7 Librairie UI de Jquery
• Les différents outils offerts : Accordion,
Datepicker, Dialog, Progressbar, Slider, Tabs
• Les interactions : Draggable, Droppable,
Resizabile, Selectable, Sortable
• Les méthodes « effect » : Effect, Show, hide,
Toggle, Color class, Switch class
8 Applications Ajax
• Application animation
• Application trie dynamique
• Application gestion d’une BD
• Application diaporama
• La librairie de Yahoo! (YUI)
• Gestionnaire de contenu

Programmation AJAX
31.05.2010