Dans ce tuto AJAX en vidéo, nous verrons comment réaliser un système de notification instantanée comme la notification d'un nouveau message sur Facebook par exemple.
Nous créerons un menu avec un onglet message et nous verrons comment fonctionne l'attribut "data-notification" d'HTML5 pour afficher le nombre de messages non lus. Nous créerons donc une base de données contenant les messages, nous verrons comment faire en sorte de savoir si ils ont été lus ou non, et comment afficher le message désiré par le visiteur. Ensuite, nous mettrons un peu d'AJAX dans notre application avec Jquery, pour pouvoir afficher le nombre de messages non-lus à notre visiteur sans qu'il ait besoin de recharger la page.
Bon tuto!
Jetez un oeil à ces autres tuto Ajax
Moteur de recherche AJAX /…
Dans ce tuto Ajax en vidéo, nous verrons comment réaliser…
Apprendre Ajax - JQuery
Voici une formation Jquery et Ajax complète, en vidéo, d'une…
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…
Pagination en AJAX
Dans ce tuto AJAX en vidéo, vous apprendrez à réaliser un…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Ajax de 27 minutes est proposée dans une résolution plus grande que l’extrait suivant :
simpledev
, formateur certifié
Toutes les formations de Simpledev
Témoignage des clients de simpledev
![]()
Tutoriel clair et précis. Continuez ainsi :)
![]()
Tuto sur le codeigniter excellent par contre existe t il un tuto sur la création d'un back office avec codeigniter. Si oui, je suis fortement intéressée...
![]()
Superbes tutos pour apprendre Laravel ! Continue comme ça :D
![]()
Merci beaucoup pour tes tutorial que j'adore :D
![]()
Très bon formateur de bonne qualité. J'aime.
Lire les autres témoignages
D'autres tuto de simpledev
Créer un Date Picker
Dans ce tuto Jquery en vidéo, nous verrons comment créer un Date Picker, c'est à dire…
Formulaire de contact ajax
Dans ce tuto AJAX en vidéo, vous réaliserez un formulaire de contact en AJAX avec PHP,…
DataMapper : créer votre blog
Dans ce tuto Codeigniter en vidéo, vous apprendrez à vous servir de la libraire DataMapper…
Afficher la différence entre 2 dates en PHP
Dans ce tuto PHP en vidéo, vous apprendrez à afficher la différence entre 2 dates…
Notes attribuées par les utilisateurs (9 votes)
Les avis / Questions des utilisateurs (11)
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 27 minutes a été acheté 181 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 20 novembre 2011 par simpledev, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,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.
Ce tuto video 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.





















(a acheté ce tuto - 25 septembre 2012)
" Trés bon tutoriel... Hâte de voir les prochains
Bonne continuation "
(a acheté ce tuto - 20 août 2012)
" Cette formation m'a permis de realiser ce que je voulais tres bonne formation "
(a acheté ce tuto - 21 avril 2012)
" Je viens de finir le tuto et je trouve que la description du tuto n'est pas très claire et même erronée sur certaines choses.
Un système comme facebook aurait été en websocket et donc ultra-intéressant mais la on se contente d'un polling, qui est une méthode assez facile à mettre en place.
Et instantané, il faudrait peut-être le changer :)
Le tuto dure +-30 minutes et on attends juste la fin pour avoir "l'astuce" servant à faire ce système là.
Si un tuto en websocket débarque sur ta chaîne, je serai ravi de l'acheter mais là j'ai été un peu déçu, désolé :s
Sinon explications très claires, très concis, on ne doit pas relire la vidéo pour comprendre la mécanique et chaque chose est bien expliquer, encore un très bon boulot de côté là.
Bonne journée :) "
(n'a pas acheté ce tuto - 13 avril 2012)
" Tuto très instructif et très bien expliqué bravo simpledev ! "
(a acheté ce tuto - 14 mars 2012)
" Salut, même avis que kalachozor. Je m'attendais à ce qu'on parle ici de websocket, ou d'une solution plus élégante et moins basique qu'un pull régulier (effectivement pénalisant niveau performances).
Le titre et la description de ce tuto mériteraient d'être modifiés.
Sinon les explications sont effectivement relativement claires mais selon moi insuffisantes pour un débutant (PDO, Ajax ...) "
(a acheté ce tuto - 11 février 2012)
" Tuto assez complet ! bon formateur qui explique les etapes, rien a dire merci ! "
(n'a pas acheté ce tuto - 01 février 2012)
" slt,
est-il possible de m'aidé à completer ce tuto .. ?
je suis débutant en programmation est je veux créé une chose comme celle-ci ? "
(a acheté ce tuto - 29 novembre 2011)
" Je m'attendais à ce que l'on s'attarde plus sur la notification instantanée que sur le système de messagerie, d'autant que l'astuce utilisée au final pour faire de "l'instantané" est assez classique, et comme tu le dis bien peut ralentir le serveur. Je m'attendais à avoir justement une astuce qui contourne ce problème, mais peut-être qu'en fait il n'y a pas d'autres solutions. Cela n'empêche pas le tuto d'être de très bonne qualité en tout cas. "
(a acheté ce tuto - 24 novembre 2011)
" Toujours un plaisir de suivre un de tes tutos ... "
(a acheté ce tuto - 22 novembre 2011)
" Très bon tuto, très intéressant.
Un grand merci.
"
(a acheté ce tuto - 20 novembre 2011)
" Tuto bien expliqué. "