Parce que la connaissance des formulaires est indispensable pour tout concepteur de sites Internet, j'ai le plaisir de vous proposer un Bundle complet sur ce sujet. Ce pack est composé de plusieurs formations en vidéo. Toutes abordent une notion précise sur les formulaire web.
Ce bundle vous est proposé à un tarif plus attractif que si vous deviez acheter chaque formation à l'unité !
A l'issu de cette suite de formations vidéo, vous serez autonome dans la création de vos formulaires !
Dans ce Bundle tout savoir sur les formulaires web
Tout d'abord, nous allons apprendre l'essentiel de ce qu'il faut connaître des formulaires au niveau HTML et CSS !
Nous y verrons les différents champs de formulaire à notre disposition ainsi que les menus déroulants, les cases à cocher ou encore les boutons radios. Nous terminerons cette première partie par la création de deux formulaires.
Ensuite, nous allons apprendre comment contrôler les données de formulaire avant leur validation.
Pour celà nous allons faire du jQuery. Nous apprendrons ainsi à contrôler la qualité des informations fournies par l'internaute. Nous créerons nos propres méthodes de contrôle.
Nous terminerons cette seconde partie par deux exercices de contrôle de formulaire.
Nous poursuivrons notre apprentissage en sécurisant nos formulaires grâce à la technologie du captcha. Nous apprendrons à générer nous-même notre propre captcha afin de protéger la soumission de nos formulaires par des scripts malveillants.
Quatrième étape de la construction d'un formulaire, le contrôle des données reçues grâce au langage PHP.
Ce n'est pas parce qu'il y a déjà eu un contrôle des données entrées par l'internaute avec le jQuery, qu'il faut oublier de contrôler de nouveau les données avec le PHP, une fois le formulaire soumis !
Bien souvent, les données issues d'un formulaire terminent dans les tables d'une bases de données. Donc mieux vaut être prudent sur leur qualité !
Nous terminerons ce bundle par des petits plus concernant les formulaires :
- Nous y verrons la gestion des choix multiples.
- Nous créerons nous-même un formulaire d'upload de fichiers.
- Enfin, nous nous amuserons à personnaliser des checkbox grâce à l'utilisation du CSS.
Vous pourrez accéder à un salon d'entraide si vous avez des questions sur les différents cours.
Bonne formation !
Tuto composant ce bundle :
Les formulaires : Côté HTML & CSS (voir la fiche produit)
Les classiques
- La paire de balise FORM 00:05:18
- Le champ TEXT 00:09:05
- Les boutons de formulaire 00:04:26
- Le LABEL 00:03:14
- Définir une zone avec FIELDSET 00:03:29
- La zone de texte 00:08:10
- Le menu déroulant 00:06:39
- Les cases à cocher 00:04:13
- Les boutons radio 00:02:08
- Définir l'ordre des tabulations 00:03:07
- Désactiver une zone 00:01:39
- Crypter un champ 00:02:26
Les nouveautés du HTML5
- Différents types INPUT 00:06:31
- Le champ de type TEL 00:04:53
- Le champ de type SEARCH 00:04:45
- Le champ de type COLOR 00:02:48
- Le champ de type RANGE 00:02:39
- Le champ de type DATE 00:02:44
Création de formulaires
- Formulaire 1 : Le HTML 00:10:16
- Formulaire 1 : Le CSS 00:14:21
- Formulaire 2 : Le HTML 00:10:25
- Formulaire 2 : Le CSS 1/2 00:10:01
- Formulaire 2 : Le CSS 2/2 00:16:18
Les formulaires : Côté jQuery (voir la fiche produit)
Cours de jQuery
- Téléchargement de jQuery 00:01:59
- Contrôler l'envoi du formulaire 00:07:50
- Conditionner l'envoi du formulaire 00:07:49
- Informer visuellement l'internaute 00:06:09
- Au moins 2 champs à vérifier 00:10:26
- Contrôler le nombre de caractères saisis 00:02:52
Un peu d'expressions régulières
- Interdir la saisie de certains caractères 00:05:06
- Contrôler une adresse email 00:11:10
Plugin jQuery
- Présentation 00:01:26
- Appel à la méthode 00:05:35
- Définir les règles 00:05:00
- Définir des messages personnalisés 00:04:39
- Comparer 2 champs 00:06:32
- Longueur de champs 00:04:16
- Créer sa propre règle 00:06:00
- Mise en forme 00:02:55
- Conclusion 00:01:11
Applications
- Application 1 - Partie 1/3 00:13:46
- Application 1 - Partie 2/3 00:04:04
- Application 1 - Partie 3/3 00:07:18
- Application 2 - Partie 1/3 00:06:24
- Application 2 - Partie 2/3 00:06:18
- Application 2 - Partie 3/3 00:03:26
- Conclusion 00:02:37
Les formulaires : Côté Captcha (voir la fiche produit)
Sécuriser un formulaire avec un captcha
- Présentation gratuit00:01:46
- Mise en place du captcha dans le formulaire 00:08:39
- Création du fichier captcha 1/3 00:06:25
- Création du fichier captcha 2/3 00:09:03
- Création du fichier captcha 3/3 00:04:18
- Traitement du code généré 00:08:47
- Amélioration du captcha 00:10:26
- Bonus : Un peu de jQuery 00:13:32
- Bonus: Affichage de la police Destroy.ttf 00:05:22
- BONUS :: Aide au traitement du code captcha 00:02:22
Sécuriser un formulaire avec reCaptcha
- Présentation 00:01:05
- Mise en place du reCaptcha côté client 00:08:20
- Mise en place du reCaptcha côté serveur 00:11:35
- Conclusion 00:00:36
Les formulaires : Côté PHP & SQL (voir la fiche produit)
Présentation
- Introduction gratuit00:03:10
Formulaire simple
- Création de la table pour y insérer les données 00:08:14
- Requête d'insertion avec la classe PDO 00:15:09
- Vérification de l'insertion des données 00:04:51
- Protection de l'insertion des données 00:09:15
- Mise en place des filtres de validation 1/2 00:13:30
- Mise en place des filtres de validation 2/2 00:10:51
- Une correction en plus 00:04:32
Formulaire complexe
- Création de la table pour y insérer les données 00:04:11
- Requête d'insertion 00:06:30
- Protection de l'insertion des données 00:07:26
- Mise en place des filtres de validation 1/2 00:08:30
- Mise en place des filtres de validation 2/2 00:12:21
- Rendre un champ non obligatoire, mais protégé 00:03:53
Conclusion
- Rappel du process 00:02:09
- Conclusion 00:01:41
Les formulaires : Les plus (voir la fiche produit)
L'attribut pattern
- Présentation gratuit00:01:47
- Application 00:03:55
Le choix multiple
- Gérer le choix multiple côté HTML et PHP 00:06:57
- Boucler sur les checkbox 00:03:44
- Réception de checkbox vide 00:02:37
Formulaire d'upload
- Mise en place du formulaire 00:04:01
- La superglobale $_FILES 1/2 00:10:04
- La superglobale $_FILES 2/2 00:06:00
- Déplacement du fichier sur le serveur 00:07:45
- Le CHMOD 00:02:05
- Contrôle des extensions de fichier 00:09:40
- Contrôle de la taille du fichier 00:06:26
- Modifier le nom du fichier à la volée 00:04:31
- Conclusion 00:01:10
Personnaliser des checkbox
- Checkbox perso 1/2 00:06:58
- Checkbox perso 2/2 00:02:50
Formateur : Carl Brison
-
Au top j’aime beaucoup votre pédagogie, tout est clair. Merci pour tout! Cela dit, il y a une partie ou vous utilisez le filtre (FILTER_SANITIZE_STRING) qui me cause problème parce que ce filtre est depuis php version 8.1.0 déprécié. Si vous avez une solution de rechange... D'avance merci
-
Salut Carl, encore un tutoriel bien fait. Merci Carl.
-
Très bien , excellent comme toujours .
-
Avec quelles versions de logiciels ce tuto est-il compatible ?HTML 5, CSS 3, jQuery , Php 7
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Bonjour Carl, je me forme sur tous tes tutos qui permette de progresser et d'apprendre mon nouveau metier. J'ai une question sur tes tutos formulaires. Est que tu prévois un tuto formulaire avec de l'ajax ? je voudrais apprendre à faire un formulaire qui nécessite pas un rechargement complet de la page. Merci de ton retourBonjour, Dans ce bundle je ne parle pas d'ajax. En revanche cela fait un petit moment que je songe à préparer un tuto sur ajax. Je te remercie pour ta question et je m'en occupe ;-) ! A bientôt, Carl.
-
Bonjour, je cherche comment réaliser des listes déroulantes liées en php sql
note moyenne
avis laissés