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 / JqueryMoteur de recherche AJAX /…
Dans ce tuto Ajax en vidéo, nous verrons comment réaliser…

Apprendre Ajax - JQueryApprendre Ajax - JQuery
Voici une formation Jquery et Ajax complète, en vidéo, d'une…

Conclusion : avantages et inconvénientsConclusion : avantages et…

La fonction $.getJSON avec FlickrLa fonction $.getJSON avec…

Administration en AJAX et HTML5Administration en AJAX et…
Dans ce tuto AJAX en vidéo, nous verrons comment ajouter, supprimer…

Formulaire de contact AJAX avec PHP et JqueryFormulaire de contact AJAX…
Dans ce tuto AJAX en vidéo, nous réaliserons un formulaire…

Espace membre en AJAXEspace membre en AJAX
Dans ce tuto Ajax en vidéo, nous verrons comment réaliser…

Pagination en AJAXPagination 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 :

Partagez cet extrait

Lien vers cet extrait : Embed code :

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 PickerCré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 ajaxFormulaire 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 blogDataMapper : 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 PHPAfficher la différence entre 2 dates en PHP
Dans ce tuto PHP en vidéo, vous apprendrez à afficher la différence entre 2 dates…

voir tous les tuto de simpledev

Notes attribuées par les utilisateurs (9 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (11)

par sagittaire57a voté :
(a acheté ce tuto - 25 septembre 2012)

" Trés bon tutoriel... Hâte de voir les prochains

Bonne continuation "

par derstera voté :
(a acheté ce tuto - 20 août 2012)

" Cette formation m'a permis de realiser ce que je voulais tres bonne formation "

par gizmodesbois
(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 :) "

par intranet
(n'a pas acheté ce tuto - 13 avril 2012)

" Tuto très instructif et très bien expliqué bravo simpledev ! "

par bat11a voté :
(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 ...) "

par linkdesigna voté :
(a acheté ce tuto - 11 février 2012)

" Tuto assez complet ! bon formateur qui explique les etapes, rien a dire merci ! "

par MoulahiDhamir
(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 ? "

par kalachozora voté :
(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. "

par Olivier75009a voté :
(a acheté ce tuto - 24 novembre 2011)

" Toujours un plaisir de suivre un de tes tutos ... "

par nanodemarsa voté :
(a acheté ce tuto - 22 novembre 2011)

" Très bon tuto, très intéressant.
Un grand merci.
"

par Didthoa voté :
(a acheté ce tuto - 20 novembre 2011)

" Tuto bien expliqué. "

 

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.

N'hésitez pas à nous contacter si vous avez la moindre question !