AJAX n'est 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 Json...
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...
Vue d’ensemble de la formation :
- 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. - 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. - 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. - 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. - 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. - XMLHttpRequest - Json
Nous allons aborder au cours de cette étape une autre manière de formater les données renvoyées par le serveur. Json, pour JavaScript Object Notation. Nous l'utiliserons pour récupérer les informations propres à chaque diapositive. - 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. - 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 Json pour afficher les informations propres à chaque diapositive. - 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. - 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. - 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.
Notez que vous pouvez acheter à l'unité toutes les vidéos de cette formation. Pour cela, cliquez sur l'onglet "table des matières".
Jetez un oeil à ces autres tuto Ajax
Notification instantanée
Dans ce tuto AJAX en vidéo, nous verrons comment réaliser…
Formulaire de contact ajax
Dans ce tuto AJAX en vidéo, vous réaliserez un formulaire…
Message à la Twitter en AJAX…
Dans ce tuto Ajax en vidéo, vous apprendrez à réaliser un…
Détecter les requêtes AJAX…
Dans ce tuto Ajax en vidéo, vous apprendrez à détecter en…
Administration en AJAX et…
Dans ce tuto AJAX en vidéo, nous verrons comment ajouter, supprimer…
Formulaire de contact AJAX…
Dans ce tuto AJAX en vidéo, nous réaliserons un formulaire…
Espace membre en AJAX
Dans ce tuto Ajax en vidéo, nous verrons comment réaliser…
Notification instantanée
Dans ce tuto AJAX en vidéo, nous verrons comment réaliser…
Cette formation contient 77 leçons en vidéo (que vous pouvez acheter à l'unité) pour une durée totale de 8h59.
Voici le programme complet abordé au cours de cette formation :
- Définition d'AJAX 1 crédit
- Le web... et AJAX 1 crédit
- Les protocoles autour d'AJAX 1 crédit
- AJAX en action 1 crédit
- Avantages et inconvénients 1 crédit
- Mise en place d'un exemple 1 crédit
- Editeur de code HTML 1 crédit
- Editeur Aptana 1 crédit
- Ensemble serveur Xampp 1 crédit
- Configuration Dreamweaver 1 crédit
- Firefox 1 crédit
- D'autres applications vidéo gratuite !
- D'autres navigateurs 1 crédit
- Présentation de l'application 1 crédit
- Structure de la page HTML 1 crédit
- Rappel sur les CSS 2 crédits
- Réinitialisation des CSS 1 crédit
- Disposition de la page 1 crédit
- Habillage visuel 1 crédit
- Les micro-formats (vcard) 1 crédit
- Résumé de l'étape 1 crédit
- Utilisation de JavaScript vidéo gratuite !
- Récapitulatif sur JavaScript 1 crédit
- Introduction à l'interface DOM 1 crédit
- DOM Scripting 1 crédit
- Chargement de la page 1 crédit
- Générer une diapositive 1 crédit
- Résumé de l'étape 1 crédit
- L'objet XMLHttpRequest 1 crédit
- Utilisation de XMLHttpRequest 1 crédit
- Introduction à XML 1 crédit
- Mise en place sur la page 1 crédit
- Traitement des données 1 crédit
- Introduction à l'évènementiel 2 crédits
- Résumé de l'étape 1 crédit
- Introduction à Json 1 crédit
- Structure HTML des infos 1 crédit
- Mise en place des CSS 1 crédit
- Mise en place XMLHttpRequest 1 crédit
- Traitement des données 1 crédit
- Résumé de l'étape 1 crédit
- PHP - MySQL - PHPMyAdmin 1 crédit
- Mise en place de la base de données 1 crédit
- Connexion à la base depuis PHP 1 crédit
- Sélecteur de catégorie HTML 1 crédit
- Code serveur - PHP / Text 1 crédit
- Résumé de l'étape 1 crédit
- Galerie - PHP / XML 1 crédit
- Rappels sur DOM vidéo gratuite !
- Réinitialisation de la galerie 1 crédit
- Détails image - PHP / Json 1 crédit
- Rappels sur JavaScript 1 crédit
- Mise en surbrillance de la diapo 1 crédit
- Résumé de l'étape 1 crédit
- Préparation des zones éditables 1 crédit
- Permutation des zones éditables 1 crédit
- Blocage sur une seule zone 1 crédit
- Mise à jour des changements 1 crédit
- Mise à jour de la base de données 1 crédit
- Résumé de l'étape 1 crédit
- Interface de saisie 1 crédit
- Envoi d'une requête XMLHttpRequest 1 crédit
- Script côté serveur - Json 1 crédit
- Réception avec XMLHttpRequest 1 crédit
- Sélection et requête 1 crédit
- Modification du script PHP 1 crédit
- Ajout des feuilles CSS 1 crédit
- Rappel sur les CSS 1 crédit
- Résumé de l'étape 1 crédit
- Présentation des librairies vidéo gratuite !
- Mise en place d'une initialisation 1 crédit
- Indicateur d'activité 1 crédit
- Ouverture / Fermeture des infos 1 crédit
- Fenêtre de détail d'image 1 crédit
- CSS et Drag and Drop 1 crédit
- Résumé de l'étape 1 crédit
- Que faire à partir de là ? 1 crédit
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Ajax de 8 heures 59 minutes est proposée dans une résolution plus grande que l’extrait suivant :
video2brain
, Editeur pro
Producteur de formations vidéo depuis 2002, video2brain est un des leaders européens sur le marché du e-learning. video2brain propose des formations vidéo, en ligne et sur DVD, sur les logiciels et les langages de programmation.
video2brain est également le fournisseur officiel de tutoriels certifiés Adobe.
En savoir plus sur video2brain
Birnou Sébarte, auteur dans cette formation
Birnou Sébarte découvre en 1987, aux Etats-Unis, les métiers du multimédia. Il travaille principalement au début sur des applications avec des outils comme Director. La migration vers le web se fait dès 1996, et l’utilisation des standards du web le conduit progressivement à des interfaces plus riches.
Témoignage des clients de video2brain
![]()
De nombreux tutos sur de nombreux logiciels, très bien expliqués pour ceux que j'ai vu et toujours très utiles ! merci beaucoup pour tous ce savoir !
![]()
Avec ses divers videos sur de nombreux logiciels Video2Brain m'a permi d'acquérir des connaissances accrues de ce faite j'ai pu consolider mes bases!! Merci à eux
![]()
Formations très intéressantes et complètes
![]()
Bon choix de tuto, bon professionalisme !!!!
![]()
Formation complète, ... très complète ! Tous est bien détaillé et des exemples concrets qui ne donnent qu'une envie, continuer !
Lire les autres témoignages
D'autres tuto de video2brain
Importer dans la bibliothèque
Le secteur de la cartographie est un secteur nécessitant la maîtrise des applications…
Importer sur la scène
Ce tutoriel vidéo illustre l'optimisation d'un flux de production impliquant trois compétences…
Création de chargeurs
Lors de la réalisation d'une production Flash, il est indispensable d'afficher la progression…
Notion de symboles
Quelque soit l'application, la notion de symbole est commune aux deux. Il est donc conseillé…
Ce tuto n’a pas encore reçu de vote
Les avis / Questions des utilisateurs (3)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto Ajax d’une durée de 8 heures 59 minutes a été acheté 80 fois.
Ce tuto a été publié le 23 avril 2009 par video2brain, éditeur professionnel, ayant reçu une note moyenne de 4/5 pour l’ensemble de ses vidéos.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.











(auteur de ce tuto - 21 mai 2010)
" Bonjour !
Tous les fichiers source doivent être mis à disposition dans la formation complète.
Contactez Weecast pour ces fichiers.
Marion de video2brain. "
(a acheté ce tuto - 11 mai 2010)
" Bonjour
c est encore moi. svp où sont les codes sources car hyper difficile de reprendre le code à la main.
merci
Stéphi "
(a acheté ce tuto - 30 avril 2010)
" Bonjour
j ai acheté cette vidéo et commencé l'étude.
mais je m'aperçois qu'il n'y a pas de fichiers codes sources et donc je dois me retaper tout le code à la main.
ça implique de regarder la vidéo, de mettre sur pose pour écrire le code.
Donc pas pratique du tout.
Dommage.
Stéphi "