Page 1

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

VOUS AVEZ LE CHOIX ENTRE : - Formation vidéo en ligne : Retrouvez les fichiers source de cette formation vidéo dans le DVD téléchargeable. - Formation vidéo sur support DVD - envoi par poste : Retrouvez les fichiers source de cette formation vidéo à l'intérieur de ce DVD.

ISBN : 978-3-902550-41-5

EUR 49,95 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 © copyright 2010 video2brain. Tous droits réservés. video2brain et le logo de video2brain sont des marques déposées de video2brain

1 / 5


? 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… ATTENTION : L'application développée au cours de ce tutoriel n'est pas exempte de bogue ou de dysfonctionnements. Son développement a été réduit au minimum afin de permettre de pouvoir aborder divers aspects des technologies utilisées sans pour cela surcharger le contenu des modules d'apprentissage. Il est vrai que cette introduction peut être complétée par des modules plus verticaux propres à chaque technologie, comme PHP, JavaScript ou CSS. Quoiqu'il en soit, si un bogue gênait votre progression ou votre compréhension du module, n'hésitez surtout pas à nous contacter, nous nous ferons un plaisir de voir avec vous ce problème.

Conditions requises:

Pour la formation en ligne et téléchargeable : 512 MB RAM © copyright 2010 video2brain. Tous droits réservés. video2brain et le logo de video2brain sont des marques déposées de video2brain

2 / 5


Lecteur DVD Carte son, haut-parleurs ou casque d’écoute Résolution d’écran minimum : 1024x768 Windows XP/Vista ou Mac OS X Pentium 4 à partir de 2,6 GHz ou G5

Pour la formation sur support DVD avec envoi par poste : Connexion Internet DSL Navigateur actuel avec le plug-in Flash Résolution d’écran minimum : 1024x768 Carte son, haut-parleurs ou casque d’écoute Pentium4 à partir de 2,6 GHz ou bien G4 à partir de 1 GHz

Table des matières

Introduction et présentation Définition d'AJAX

02:46

Le web... et AJAX

05:02

Les protocoles autour d'AJAX

02:15

AJAX en action

06:08

Avantages et inconvénients

04:28

Mise en place d'un exemple

22:10

Environnement de travail Editeur de code HTML

02:35

Editeur Aptana

05:21

Ensemble serveur Xampp

05:53

Configuration Dreamweaver

09:55

Firefox

08:07

D'autres applications

04:08

D'autres navigateurs

03:50

Structure HTML et Affichage CSS Présentation de l'application

03:41

Structure de la page HTML

08:56

Rappel sur les CSS

11:10

Réinitialisation des CSS

05:00

Disposition de la page

10:42

Habillage visuel

12:34

Les micro-formats (vcard)

08:49

Résumé de l'étape

02:04

DOM et JavaScript Utilisation de JavaScript

04:59

Récapitulatif sur JavaScript

18:42

Introduction à l'interface DOM

07:32

DOM Scripting

09:31

Chargement de la page

04:25

Générer une diapositive

10:25

Résumé de l'étape

02:15

© copyright 2010 video2brain. Tous droits réservés. video2brain et le logo de video2brain sont des marques déposées de video2brain

3 / 5


XMLHttpRequest - XML L'objet XMLHttpRequest

08:14

Utilisation de XMLHttpRequest

07:42

Introduction à XML

08:22

Mise en place sur la page

12:41

Traitement des données

08:04

Introduction à l'évènementiel

14:12

Résumé de l'étape

01:09

XMLHttpRequest - Jason Introduction à Jason

08:18

Structure HTML des infos

05:54

Mise en place des CSS

04:50

Mise en place XMLHttpRequest

03:20

Traitement des données

10:18

Résumé de l'étape

01:09

Préparation côté Serveur PHP - MySQL - PHPMyAdmin

13:19

Mise en place de la base de données

04:17

Connexion à la base depuis PHP

05:41

Sélecteur de catégorie HTML

16:05

Code serveur - PHP / Text

13:26

Résumé de l'étape

01:00

Sélection Galerie Galerie - PHP / XML

07:57

Rappels sur DOM

01:32

Réinitialisation de la galerie

02:19

Détails image - PHP / Jason

13:36

Rappels sur JavaScript

03:07

Mise en surbrillance de la diapo

06:08

Résumé de l'étape

01:42

Mode éditable des informations Préparation des zones éditables

09:44

Permutation des zones éditables

06:07

Blocage sur une seule zone

06:34

Mise à jour des changements

11:41

Mise à jour de la base de données

11:13

Résumé de l'étape

01:14

Autocomplete Interface de saisie

06:05

Envoi d'une requête XMLHttpRequest

02:47

Script côté serveur - Jason

11:34

Réception avec XMLHttpRequest

08:51

Sélection et requête

10:19

Modification du script PHP

06:02

Ajout des feuilles CSS

03:13

Rappel sur les CSS

06:22

Résumé de l'étape

01:14

© copyright 2010 video2brain. Tous droits réservés. video2brain et le logo de video2brain sont des marques déposées de video2brain

4 / 5


Enrichissements Présentation des librairies

08:30

Mise en place d'une initialisation

05:07

Indicateur d'activité

07:17

Ouverture / Fermeture des infos

07:51

Fenêtre de détail d'image

08:19

CSS et Drag and Drop

06:34

Résumé de l'étape

01:51

Conclusion Que faire à partir de là ?

© copyright 2010 video2brain. Tous droits réservés. video2brain et le logo de video2brain sont des marques déposées de video2brain

03:13

5 / 5

Med  

Mohamed belhadj

Read more
Read more
Similar to
Popular now
Just for you