Vous êtes sur la page 1sur 2

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

Programmation AJAX
31.05.2010