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!