AJAX
| Durée : | 2 jours |
| Public : | Intégrateurs Web, Webmaster, Développeurs Web, architectes Web |
| Prérequis : | Notion en JavaScript et en Programmation Orientée Objet Bonnes notions en développement Web (CSS, HTML, XHTML) |
| Objectif : | Apprendre AJAX par la pratique, en s'appuyant sur le développement d'une mini-application. |
Programme
Introduction et présentation
- Définition d’AJAX
- Le web... et AJAX
- Les protocoles autour d’AJAX
- AJAX en action
- Avantages et inconvénients
Environnement de travail
- Editeur de code HTML
- Editeur Aptana
- Ensemble serveur Xampp
- Configuration Dreamweaver
- Firefox
- D’autres applications
- D’autres navigateurs
Structure HTML et Affichage CSS
- Présentation de l’application
- Structure de la page HTML
- Rappel sur les CSS
- Réinitialisation des CSS
- Disposition de la page
- Habillage visuel
- Les micro-formats (vcard)
DOM et JavaScript
- Utilisation de JavaScript
- Récapitulatif sur JavaScript
- Introduction à l’interface DOM
- DOM Scripting
- Chargement de la page
- Générer une diapositive
XMLHttpRequest - XML
- L’objet XMLHttpRequest
- Utilisation de XMLHttpRequest
- Introduction à XML
- Mise en place sur la page
- Traitement des données
- Introduction à l’évènementiel
XMLHttpRequest - Jason
- Introduction à Jason
- Structure HTML des infos
- Mise en place des CSS
- Mise en place XMLHttpRequest
- Traitement des données
Préparation côté Serveur
- PHP - MySQL - PHPMyAdmin
- Mise en place de la base de données
- Connexion à la base depuis PHP
- Sélecteur de catégorie HTML
- Code serveur - PHP / Text
Sélection Galerie
- Galerie - PHP / XML
- Rappels sur DOM
- Réinitialisation de la galerie
- Détails image - PHP / Jason
- Rappels sur JavaScript
- Mise en surbrillance de la diapo
Mode éditable des informations
- Préparation des zones éditables
- Permutation des zones éditables
- Blocage sur une seule zone
- Mise à jour des changements
- Mise à jour de la base de données
Autocomplete
- Interface de saisie
- Envoi d’une requête XMLHttpRequest
- Script côté serveur - Jason
- Réception avec XMLHttpRequest
- Sélection et requête
- Modification du script PHP
- Ajout des feuilles CSS
- Rappel sur les CSS
Enrichissements
- Présentation des librairies
- Mise en place d’une initialisation
- Indicateur d’activité
- Ouverture / Fermeture des infos
- Fenêtre de détail d’image
- CSS et Drag and Drop