$ 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é
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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é 185 tutoriels et obtenu une note moyenne de 4,4/5 sur 12 867 tutoriels vendus. Voir les autres formations de Fabien Le corre

accédez à plus de 1559 tuto gratuits


non, je ne veux pas me former gratuitement