Projet Fullstack #2 - Créer un formulaire de contact moderne complet
Pour ce deuxième projet de développement web fullstack, je vous propose de réaliser un formulaire de contact très complet !
Notre projet se déroulera en 6 parties bien distincts.
La 1ère partie sera consacrée à la mise en place frontend de notre projet.
Pour celà, nous allons utiliser le langage HTML pour construire notre formulaire, puis le langage CSS pour le mettre en forme.
Nous en profiterons pour ajouter un effet sur le placeholder de nos différents champs afin d'augmenter l'expérience utilisateur. Pour cela, nous utiliserons le langage JavaScript.
La 2ème partie sera consacrée au contrôle du formulaire côté front.
Pour celà nous utiliserons le langage JavaScript.
La 3ème partie sera une partie intermédiaire entre le côté front et le côté back de notre développement.
Ici, nous allons effectuer une transition au moment de la validation du formulaire, là aussi afin d'augmenter l'expérience utilisateur.
La 4ème partie sera consacrée au côté backend de notre développement.
Pour celà, nous allons utiliser le langage Php en orientée objet.
Nous allons créer une classe de validation du formulaire, ainsi qu'une méthode permettant l'envoi de mail si tous les champs du formulaire répondent à nos attentes.
La 5ème partie sera consacrée à l'insertion des données issues du formulaire dans une base de données MySQL.
Pour celà, nous allons utiliser le langage Php en orientée objet.
Nous allons créer une classe de Manager qui se chargera de l'insertion sous couvert que les données issues du formulaire répondent à nos attentes.
La 6ème partie sera consacrée à la protection de notre formulaire.
Pour celà nous mettrons en place le système de recaptcha de Google.
La 7ème et dernière partie sera consacrée à la mise en place d'une animation de loading pour faire patienter l'utilisateur.
Pour cela nous utiliserons le langage CSS qui sera couplé aux langages HTML et JavaScript.
- Durée de ce tuto: 7h31min
- Tarif de ce tuto: 79 €
- Date de ce tuto: 2021-05-12
Il y a actuellement 350 tutos
Il y a actuellement 23 bundles
