Formulaire de contact AJAX, HTML5, CSS3, jQuery et Modernizr
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

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

Fabien Le Corre
3,99€
Acheter maintenant, payer plus tard. En savoir plus

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
1h08

Payer plus tard

Prix d'achat : 3,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1429 tutos gratuits

Notre politique de protection des données