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

TUTO Formation Bulma #1 - Les bases

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

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Voici une nouvelle série de tutos vidéo entièrement dédiés à Bulma.

Qu'est-ce que Bulma ?

Bulma est un framework CSS qui permet de faire des mises en pages rapides et efficaces, 100% responsives et de manière beaucoup moins lourde qu'avec BootstrapBulma est en train de prendre beaucoup d'ampleur. Il devient donc intéressant de l'étudier. Surtout pour sa simplicité. Un seul fichier CSS suffit pour faire fonctionner Bulma. A noter que ce framework repose sur Flexbox.

Au programme de ce tuto Bulma dédié aux bases du framework

Dans ce premier volet, nous allons nous familiariser avec le framework.

  • Nous allons étudier tout ce qui est formatage d'un document web.
  • Nous verrons comment modifier la taille des textes, ainsi que leur couleur.
  • Comment les aligner, comment les mettre en gras ou en italique.
  • Comment les rendre responsive de façon individuelle.

Nous terminerons ce premier volet par un petit exercice pratique, afin de bien nous familiariser avec nos nouvelles connaissances.
A la fin de ce premier cours Bulma en vidéo, vous connaîtrez toutes les bases nécessaires afin de bien démarrer avec le framework Bulma.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Bonne découverte !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Présentation
Chapitre 2
Manipulation des éléments HTML
Chapitre 3
Responsive appliqué aux éléments HTML
Chapitre 4
Manipulation des éléments de type block
Chapitre 5
Exercice
Chapitre 6
Conclusion

Plan détaillé du cours

Chapitre 1 : Présentation
09m02
 
Leçon 1A propos de Bulma
Leçon 2Installation de Bulma
Chapitre 2 : Manipulation des éléments HTML
1h03
 
Leçon 1Premières manipulations
Leçon 2La couleur liées aux boutons
Leçon 3La largeur liée aux boutons
Leçon 4Style et état liés aux boutons
Leçon 5Manipulation des heading 1/2
Leçon 6Manipulation des heading 2/2
Leçon 7Manipulation des paragraphes
Leçon 8Modifier la couleur des textes
Leçon 9Modifier l'alignement des textes
Leçon 10Transformation des textes
Leçon 11Transformation de la largeur des lettres
Leçon 12Mettre le texte en italique
Leçon 13Modifier la police
Leçon 14Conclusion
Chapitre 3 : Responsive appliqué aux éléments HTML
15m49
 
Leçon 1Présentation
Leçon 2Adaptation des textes en mode responsive
Leçon 3Réunion de la tablette et du mobile
Chapitre 4 : Manipulation des éléments de type block
30m41
 
Leçon 1Définir une couleur de fond
Leçon 2Définir des marges
Leçon 3Définir les types de boîtes
Leçon 4Cacher des éléments HTML
Leçon 5Cacher des éléments HTML sous le côté responsive
Chapitre 5 : Exercice
48m23
 
Leçon 1Enoncé
Leçon 2Mise en place des titres et sous-titres
Leçon 3Mise en place des classes Bulma
Leçon 4Mise en place des contenus des boîtes Div
Leçon 5Nouveau chapitre sur la classe title
Leçon 6Manipulation des textes 1/3
Leçon 7Manipulation des textes 2/3
Leçon 8Manipulation des textes 3/3
Chapitre 6 : Conclusion
03m15
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
70
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 29/08/2023
Merci Carl, j'ai réellement apprécié votre introduction à Bulma. Ce framework est plus simple à utiliser que Bootstrap, c'est sûr. L'explication de ce premier cours sur les bases de Bulma est claire et pratique. Je suis déjà impatient de voir la suite. Validé à 100%. #Bulma-1
Carl Brison
Carl Brison
Merci à vous, Alain ;-)
Cyrille Monstard
Cyrille Monstard
Publié le 20/11/2020
Merci Carl, super tuto, j'attends les autres vidéos avec impatience pour aller encore plus loin.
Carl Brison
Carl Brison
Merci beaucoup ;-) !
Patrick Saint-Guirons
Patrick Saint-Guirons
Publié le 12/11/2020
Très bon cours, bien amené, qui donne envie de continuer et d'en apprendre plus, vivement la suite. Un instructeur hors pair.
Carl Brison
Carl Brison
C'est vraiment très gentil. Merci beaucoup ;-)

Vos questions sur le cours

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

Bulma 0.9

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de l'exercice final.

Payer plus tard

Prix d'achat : 28,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