Formulaire de contact AJAX, HTML5, CSS3, jQuery et Modernizr
ERROR
00:00
00:00

TUTO Formulaire de contact AJAX, HTML5, CSS3, jQuery et Modernizr

Fabien Le corre
4,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto AJAX en vidéo, vous apprendrez à réaliser un formulaire de contact en AJAX et en utilisant un peu de HTML5, CSS3, ainsi que la librairie Modernizr.

Tout d'abord nous créerons notre formulaire, puis nous le styliserons en CSS avec quelques propriétés de CSS3. Ensuite, nous créerons une base de données avec une table pour y insérer le message de notre contact. Nous vérifierons que les champs de notre formulaire sont bien remplis avec un script PHP qui se chargera de nous envoyer un email lorsqu'un contact nous enverra un message. Ensuite, nous passerons à la partie Javascript afin d'"ajaxiser" notre application. Pour cela nous utiliserons la librairie Javascript jQuery qui nous permettra d'améliorer le confort utilisateur en rajoutant des effets graphiques à notre application comme l'apparition des messages d'erreurs avec effet de slides par exemple. Nous verrons enfin, comment il est possible avec la librairie Javascript Modernizr de détecter si le navigateur de l'utilisateur prend en charge une fonctionnalité HTML5, dans notre cas l'attribut placeholder, et dans le cas contraire comment créer un script alternatif pour combler au manquement de son navigateur.

Bon tuto à toutes et à tous!

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Sans titre

Plan détaillé du cours

Leçon 1Sans titre
1h08m

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données