NavBar Responsive #1 : Dominez les Sélecteurs CSS pour un Menu Ultra-Design
NavBar Responsive #1 : Dominez les Sélecteurs CSS pour un Menu Ultra-Design
Dans ce cours en ligne, je vous propose de mettre en place un formulaire d'identification qui permettra à un utilisateur d'accéder à une zone réservée de votre site.
Pour entrer, l'utilisateur devra saisir son identifiant et son mot de passe.
Ce dernier aura également la possibilité de cocher une checkbox afin que le formulaire d'accès affiche son Login lors de sa prochaine visite.
Nous allons partir de la page blanche afin de déplier ce projet pratique, ensemble.
Pour cela, nous allons utiliser les langages HTML, CSS, PHP et SQL.
- Grâce aux langages HTML et CSS, nous allons construire et mettre en forme toutes les pages web responsives de notre projet, à commencer par le formulaire d'accès.
- Ensuite, nous mettrons en place une base de données afin d'y stocker le couple Login / Password de l'utilisateur.
- Il nous faudra protéger la zone admin par des sessions en PHP.
- et il nous faudra mettre en place un cookie qui viendra afficher le Login de l'utilisateur si celui-ci en a fait la demande.
Remarque : j'ai choisi de développer en PHP procédural, afin d'éviter la lourdeur de la POO, qui pour ce projet n'est pas justifiée.
Pour approfondir les notions abordées dans cet atelier, d'un cours dédié aux sessions et cookies en PHP.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Créer la structure du projet
Créer la structure du projet
Chapitre 2
Créer la session de la visite
Créer la session de la visite
Chapitre 3
Créer la mémoire du formulaire
Créer la mémoire du formulaire
Chapitre 4
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : Créer la structure du projet
1h02
Leçon 1Créer le formulaire HTML
Leçon 2Mise en forme générale
Leçon 3Mise en forme des champs du formulaire
Leçon 4Mise en forme de la case à cocher
Leçon 5Mise en forme du bouton du formulaire
Leçon 6Mise en forme de la section after
Leçon 7Mise en forme de la section before
Leçon 8Création des autres pages du projet
Chapitre 2 : Créer la session de la visite
31m36
Leçon 1Créer la base de données
Leçon 2Mise en place de la classe PDO de Php
Leçon 3On teste si le formulaire est rempli
Leçon 4Mise en place d'une requête SQL
Leçon 5Mise en place des sessions
Chapitre 3 : Créer la mémoire du formulaire
24m06
Leçon 1Création d'un cookie
Leçon 2On coche la checkbox si il existe le cookie généré
Leçon 3On décoche la checkbox si il n'existe pas de cookie
Leçon 4On affiche le login dans le champ USER
Chapitre 4 : Conclusion
01m50
Leçon 1Conclusion
Aperçus
Avis des apprenants