Dans ce cours en ligne nous allons apprendre à créer des formulaires stylés, mais aussi à bien les comprendre !
En effet ,dans une première partie, nous découvrirons ensembles les secrets des formulaires, leur attributs, leur fonctionnement.
Puis, au travers de 5 projets pratiques, nous construirons des formulaires à l'interface soignée et moderne.
Les cinq projets sont :
- Un accueil style AirBnb,
- Un formulaire type Login,
- Un formulaire de carte de crédit,
- Un formulaire animé,
- Un formulaire de contact.
A la fin du cours, vous pourrez passer un QCM pour valider vos compétences acquises.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
On se donne rendez-vous de l'autre côté pour commencer tout ça !
Table des matières de cette formation CSS, JavaScript (durée : 2h38m)
-
Introduction
- Introduction gratuit 00:00:38
- Source et éditeur gratuit 00:03:09
-
Théorie
- Les formulaires : Théorie 00:03:28
- Les inputs de bases 00:06:19
- Les labels 00:01:34
- Textarea, select et datalist 00:07:46
- Checkbox, radio et color 00:03:57
- Les requêtes GET et POST 00:05:44
- La validation 00:12:38
-
Projet 1 : Login
- Partie HTML 00:03:26
- Partie CSS 00:08:23
-
Projet 2 : Accueil type Airbnb
- Partie HTML 00:04:03
- Partie CSS 00:14:12
-
Projet 3 : Page d'accueil complète et form animé
- Partie HTML 00:05:40
- CSS Partie 1 00:08:33
- Animation CSS 00:09:02
- Fin du CSS 00:09:06
- Anim JS et CSS 00:06:12
-
Projet 4 : Formulaire de paiement
- Partie HTML 00:06:51
- CSS Partie 1 00:10:20
- CSS Partie 2 00:05:01
- Partie JS 00:06:22
-
Projet 5 : Formulaire de contact
- Partie HTML 00:06:35
- Partie CSS 00:09:04
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Enzo Ustariz
-
Comme d'hab, plein de bonne chose à voir!
-
Un grand merci Enzo, pour ce tuto. Ces techniques pour styliser les formulaires m'ont beaucoup appris. Et comme d'habitude tes explications sont très claires et tes astuces très intéressantes. Evidemment, le JS est un peu plus difficile à appréhender quand on ne maîtrise pas bien :) A très vite pour d'autres tutos
-
Avec quelles versions de logiciels ce tuto est-il compatible ?CSS , JavaScript
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés