4,00

Tuto Formulaire de contact AJAX, HTML5, CSS3, jQuery et Modernizr avec Ajax

4,00

  • Une formation vidéo de 1h08m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Formulaire de contact AJAX, HTML5, CSS3, jQuery et Modernizr

ajouter ce cours aux favoris retirer ce cours des favoris

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!


Formateur : Fabien Le corre

Fabien Le corre a publié 116 tutoriels et obtenu une note moyenne de 4,4/5 sur 96 994 tutoriels vendus. Voir les autres formations de Fabien Le corre

accédez à plus de 1420 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données