Les fondamentaux d’AJAX par la pratique

Développez une mini application avec AJAX !

Lors de l´écriture de cette formation, deux solutions s´offraient à nous : aborder AJAX en le saucissonnant et en expliquant de manière indépendante, en détail, et en profondeur chacune de ses particularités, ou bien présenter AJAX par la pratique en se lançant directement dans le développement d´une mini-application. Telle est la solution qui nous a semblé être la plus adaptée pour une telle entreprise. Découvrez ci-dessous pourquoi !

Votre formateur/Vos formateurs: Birnou Sébarte

La question mainte fois posée est... « Que peut faire un débutant ? » ou « Comment aborder AJAX pour une personne qui débute ? ». La réponse est généralement complexe quant à AJAX.

AJAX n'étant pas une technologie en soi, mais plutôt un ensemble de technologies regroupant le HTML, les CSS, le JavaScript, le DOM, un objet de requête client serveur, la programmation côté serveur, des langages structurés comme XML, XSLT, ou Jason... Bref, il est difficile de pouvoir cerner les points forts ou les lacunes de ce débutant virtuel afin de mieux répondre à ses attentes.

De plus, AJAX n'est pas seulement cet ensemble de technologies, c'est aussi une manière de concevoir des applications, une manière d'aborder le développement, et sur cet aspect, cela demande également des compétences en architecture d'information, en structuration, voire en sémantique, en accessibilité, en ergonomie, et la liste pourrait encore s'allonger... Là encore, il est difficile de pouvoir cerner les points forts et les lacunes de ce débutant encore plus virtuel et de répondre correctement à ses attentes.

La solution d'aborder AJAX par la pratique, en s'appuyant sur le développement d'une mini-application, semblait pouvoir apporter un début de réponse à l’ensemble de ses débutants et chacun devrait pouvoir retrouver ses marques par rapport à ses points forts et combler ou palier à ses lacunes sur d'autres points.

Nous espérons que ce choix aura été le bon et que vous trouverez suffisamment de matériaux dans cette formation vidéo pour vous permettre d’aborder tranquillement AJAX.

Vue d’ensemble de la formation :

1) Introduction et présentation

Qu'est-ce que AJAX ? Est-ce une nouveauté ou un effet de mode ? Est-ce une technologie ou une philosophie de travail ? Quels sont les logiciels nécessaires pour utiliser AJAX ? Est-il facile de développer une application AJAX ? Voilà autant de questions que ce chapitre va aborder et en apporter les solutions.

2) Environnement de travail

Voilà, la présentation d'AJAX devrait être acquise. Il ne nous reste plus qu'à configurer un environnement de travail complet qui va nous permettre d'aller plus loin dans l'exploration d'AJAX.

3) Structure HTML et Affichage CSS

Base de toute application en ligne : la page web. Nous allons au cours de ce chapitre dresser la structure élémentaire de notre page et la faire évoluer en fonction des besoins, tout au long de ces étapes.

4) DOM et JavaScript

Cette étape approche l'aspect dynamique de la structure de la page. Deux éléments fondamentaux vont y être abordés : JavaScript et DOM. Leur utilisation commune est appelée le DOM Scripting.

5) XMLHttpRequest - XML

Le coeur d'AJAX repose sur la possibilité d'utiliser le protocole HTTP sans avoir à recharger la page. Nous allons au cours de ce chapitre décortiquer et mettre en place les mécaniques qui nous permettent d'utiliser l'objet XMLHttpRequest.

6) XMLHttpRequest - Jason

Nous allons aborder au cours de cette étape une autre manière de formater les données renvoyées par le serveur. Jason, pour JavaScript Object Notation. Nous l'utiliserons pour récupérer les informations propres à chaque diapositive.

7) Préparation côté Serveur

Dans ce chapitre nous allons apporter la dimension dynamique à notre application. Nous allons connecter la page HTML à une base de données dans laquelle elle pourra aller puiser les informations à afficher.

8) Sélection Galerie

La connexion au système d'information est établie. Nous allons au cours de ce chapitre utiliser PHP pour générer du XML afin d'afficher les galeries, puis du Jason pour afficher les informations propres à chaque diapositive.

9) Mode éditable des informations

Autre particularité de AJAX, la modification de la page en cours de lecture et cela sans avoir à recharger celle-ci à aucun moment. Nous allons au cours de ce chapitre mettre en place cette fonctionnalité nous permettant de modifier les informations d'une fiche de diapositives.

10) Autocomplete

On ne pouvait pas aborder AJAX sans aborder la fameuse fonctionnalité d'Autocomplete. Nous allons donc au cours de ce chapitre l'implémenter à notre application.

11) Enrichissements

Jusqu'à présent nous avons exploré les fonctionnalités dynamiques d'un point de vue base de données, nous allons maintenant aborder un aspect plus dynamique d'un point de vue visuel. Nous allons utiliser des images animées, des animations de transition et des animations utilisateur.

12) Conclusion

On pourrait encore s'étendre sur AJAX et creuser plus en détail chacune des fonctionnalités abordées durant ce tutoriel. Cela fera peut être l'objet d'un volume II…