Dans ce tuto Ajax en vidéo, nous verrons comment réaliser un espace membre avec inscription, connexion et accès réservé aux membres.

Nous verrons tout d'abord comment afficher le formulaire de connexion ou d'inscription avec un petit effet de slide Jquery en fonction que l'utilisateur veut d'identifier ou s'inscrire. Ensuite, nous réaliserons la partie "inscription" d'abord en PHP en effectuant toutes les vérifications nécessaires, et en envoyant un email au membre nouvellement inscrit en cas de validation réussie. Nous insérerons bien évidemment les données reçues dans une BDD MySQL. Puis, nous effectuerons ces vérifications en AJAX avec Jquery et agrémenterons le confort de l'utilisateur avec par exemple une vérification instantanée de la disponibilité du pseudo ou de l'email dès que l'utilisateur relâche les touches de son clavier. Une fois les validations réussies, nous verrons comment créer un effet pour faire disparaître le formulaire et afficher un message de succès à notre visiteur. Nous passerons ensuite à l'étape d'authentification de nos visiteurs avec une vérification côté serveur et côté client. Nous verrons également comment créer une session lorsque l'utilisateur est identifié et comment faire pour qu'il puisse se déconnecter.

Bon tuto !

Jetez un oeil à ces autres tuto Ajax

Notification instantanée Notification instantanée
Dans ce tuto AJAX en vidéo, nous verrons comment réaliser…

Formulaire de contact ajaxFormulaire de contact ajax
Dans ce tuto AJAX en vidéo, vous réaliserez un formulaire…

Message à la Twitter en AJAXMessage à la Twitter en AJAX…
Dans ce tuto Ajax en vidéo, vous apprendrez à réaliser un…

Détecter les requêtes AJAX en PHPDétecter les requêtes AJAX…
Dans ce tuto Ajax en vidéo, vous apprendrez à détecter en…

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…

Notification instantanée Notification instantanée
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 1 heure 15 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é



En savoir plus sur simpledev


Témoignage des clients de simpledev

Très bon formateur et surtout une incroyable diversité de tuto dans le domaine du développement de site web. J'ai commencé par les tutos concernant le html 5 et CSS3. Ces derniers proposent des sujets très utiles pour dynamiser mon site

Excellents tutos, très bien expliqués. Les tutos de Simpledev sont très utiles. L'une des choses qui fait la richesses des tutos est le "mélange des langages de programmation". On peut ainsi réaliser des systèmes complexes, avec plusieurs langages !

Bref j'ai pas besoin de préciser très bon formateur :)

Excellent Formateur, 5/5 tout y-est: application, contenu, bon son, pédagogie, bonne image, j'ai beaucoup appris en 2 jours de tuto. Parmi les quelques tutoriels que j'ai vu c'est celui qui se démarque. Simpledev. Bravo à lui j'en redemande.

Quoi dire d'autre ? merci pour tout ;).

Lire les autres témoignages

 

D'autres tuto de simpledev

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

Installer le framework Ruby On RailsInstaller le framework Ruby On Rails
Dans ce tuto Ruby On Rails en vidéo, nous verrons comment installer le framework Ruby…

Système de vote en AJAX avec CodeigniterSystème de vote en AJAX avec Codeigniter
Dans ce tuto Codeigniter en vidéo, nous allons mettre en place un système de votes…

Système de vote façon YouTubeSystème de vote façon YouTube
Dans ce tuto AJAX en vidéo, vous apprendrez à réaliser un système de vote à la manière…

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 (13)

par simpledev
(auteur de ce tuto - 22 décembre 2011)

" Hello sneek75,
Pour ça lorsque ton membre se connecte tu fais une requête pour récupérer son id, par exemple en faisant "select id where pseudo = $pseudo" et ensuite tu stocke l'id récupéré dans une variable de session, $_SESSIO['id'] = $data->id;
Voilà, a+ "

par sneek75à voté :
(a acheté ce tuto - 21 décembre 2011)

" Un tuto top de chez top !!! On apprend plein de choses

Une seule question, je voudrais récuperer l'id de su membre connecté dans ma $_SESSION, mais il est undefined index. Comment puis-je l'appeler et dans quelle page ? "

par sibuno
(a acheté ce tuto - 21 septembre 2011)

" Bonjour, comment faire pour inclure la fonction de valider l'inscription en répondant au mail que l'on reçoit?

merci d'avance "

par iluzzionà voté :
(a acheté ce tuto - 10 août 2011)

" Bonjour,

Super ce tuto tout marche très bien, cependant l'envoie de mail ne marche que depuis chez moi, au boulot il ne marche pas pourtant le SMTP est bien configurer.

Est-ce que un proxy peut bloquer l'envoie ? si oui y a t'il un moyen de contourner ce problème ?

Merci d'avance ;) "

par ronytexasranger
(a acheté ce tuto - 10 mai 2011)

" Comme d'habitude c'est excelent !! "

par sibuno
(a acheté ce tuto - 01 avril 2011)

" ça fonctionne bien, je te remercie, une erreur de ma part............. "

par simpledev
(auteur de ce tuto - 01 avril 2011)

" essayes de voir si ton script php renvoi bien quelques chose en le bidouillant pour afficher un truc à l'écran avec un alert('data') par exemple dans ton js, et si oui essayes de voir si c'est pas ton javascript qui déconne avec firebug ou la console js de chrome.
Tiens moi au courant. "

par sibuno
(a acheté ce tuto - 29 mars 2011)

" Bonsoir et bravo pour ce tuto

j'ai un petit soucis, l'essaies de faire fonctionner en local mais dasn la partie inscription, quand je mets un pseudo existant il ne me met pas tout de suite la croix, elle n'apparait que si je clic sur le bouton envoyer, alors que dans ton tuto c'est réalisé instantanément....
"

par sagesse80
(a acheté ce tuto - 22 février 2011)

" Oui tout est importé correctement et javascript est validé
"

par simpledev
(auteur de ce tuto - 22 février 2011)

" Bonjour,
Est-ce que Javascript est bien activé et Jquery bien importé? "

par sagesse80
(a acheté ce tuto - 22 février 2011)

" Bonjour,

Avant tout merci pour ce tuto très clair.

J'ai quand même un souci avec la validation de l'inscription, les données sont bien enregistrés mais on n'a pas l'affichage du message de succès et on ne passe pas sur le formulaire de connexion ? Pourtant j'ai juste travaillé directement sur vos sources.

Cordialement "

par damiencà voté :
(a acheté ce tuto - 18 février 2011)

" Super tuto ! Bravo ;) "

par noob4everà voté :
(a acheté ce tuto - 06 janvier 2011)

" Toujours la signature de simpledev qui fait de ce tuto un bon tuto, j'ai essayé de le faire par moi même il y a quelques mois, et puis j'ai abandonné l'ajax, trop compliqué et pas assez de tuto sur la toile et puis simpledev nous fait une belle serie qui nous explique cet outil bien agréable pour l'utilisateur, et bien quoi dire de plus...Merci :) "

 

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 1 heure 15 minutes a été acheté 152 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 6 janvier 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 !