Formation Bulma #4, Les formulaires
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Formation Bulma #4, Les formulaires

Carl Brison
15,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Pour ce nouveau tuto vidéo dédié au framework Bulma, nous allons nous attarder sur la mise en forme des différents éléments qui constituent un formulaire HTML !

Au programme de ce tuto Bulma : les formulaires

Nous allons apprendre quelles sont les classes à utiliser pour mettre en forme :

  • Les champs input,
  • Les textarea,
  • Les cases à cocher,
  • Les boutons radio,
  • Les menus déroulants.

Nous verrons également comment Bulma permet de mettre en forme les champs input de type file, ceux permettant d'uploader des fichiers.
Nous importerons la librairie fontawesome afin de placer des icônes au sein des champs de formulaire.

Après la théorie, la pratique. Pour conclure cette formation en ligne, je vous propose un petit exercice pratique .
Celui de créer un formulaire de contact en utilisant nos connaissances acquises jusqu'à maintenant !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Pour aller plus loin avec Bulma

Pour accéder aux versions précédentes des autres cours dédiés à Bulma :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Les formulaires
Chapitre 2
Exercice
Chapitre 3
Conclusion

Plan détaillé du cours

Chapitre 1 : Les formulaires
57m31
 
Leçon 1Le champ input 1/2
Leçon 2Le champ input 2/2
Leçon 3Label et champ input, mise en page
Leçon 4Ajout d'icônes
Leçon 5Le textarea
Leçon 6Le select
Leçon 7Ajout d'un icône au select
Leçon 8La case à cocher
Leçon 9Le bouton radio
Leçon 10Le bouton de type file 1/2
Leçon 11Le bouton de type file 2/2
Chapitre 2 : Exercice
23m46
 
Leçon 1Présentation du job
Leçon 2Mise en place du header
Leçon 3Mise en place du champ NOM
Leçon 4Mise en place l'icone USER
Leçon 5Mise en place du champ EMAIL
Leçon 6Mise en place du textarea et du bouton
Chapitre 3 : Conclusion
01m15
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
37
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 31/08/2023
Merci Carl, pas mal de notions sur les formulaires sont abordées dans ce cours avec Bulma. Comme à votre habitude, on se régale avec le TP final. C'est toujours avec grand plaisir que je vous suis dans vos tutos, et Bulma ne fait pas exception à cette règle. Le cours est très bien expliqué et pédagogique. Validé à 100 % ! #Bulma-4
Carl Brison
Carl Brison
Merci beaucoup pour votre enthousiasme ;-)
Patrick Saint-Guirons
Patrick Saint-Guirons
Publié le 10/12/2020
Il me tarde la suite, car Bulma est très bien expliqué et vous donnez envie.
Carl Brison
Carl Brison
Merci beaucoup, c'est vraiment super gentil ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Bulma

Que contient le fichier source ?

Le code source de l'exercice.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 15,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données