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

TUTO Formation Bulma #2 - Les colonnes

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

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Voici le 2ème volet dédié au framework CSS : Bulma.
Dans ce tuto en vidéo, nous allons nous concentrer sur la mise en colonnes des différents contenus.

  • Nous verrons ensemble les colonnes virtuelles créées par Bulma lors de la déclaration d'un conteneur.
  • C'est à partir de ces colonnes, que nous allons pouvoir déclarer des colonnes physiques et les positionner au sein des colonnes virtuelles.

Ce cours Bulma est très important, car c'est le coeur de son fonctionnement responsif (design fluide).
Une fois la théorie acquise, vous pourrez pratiquer grâce à un exercice concret !

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.

Tous les fichiers de travail sont fournis !

Des connaissances dans la technologie des flexbox et un très grand plus, afin de mieux prendre en main de framework Bulma.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Mise en page en colonne
Chapitre 2
Exercice Pratique
Chapitre 3
Conclusion

Plan détaillé du cours

Chapitre 1 : Mise en page en colonne
1h03
 
Leçon 1Présentation
Leçon 2Modifier la taille des colonnes
Leçon 3Compter le nombre de colonnes
Leçon 4Décalage de l'affichage d'une colonne
Leçon 5Donner pour largeur à une colonne ce qu'elle contient
Leçon 6Résumé de ce que nous avons appris
Leçon 7Le côté responsive des colonnes
Leçon 8Le côté responsive d'une colonne
Leçon 9Retour à la ligne des colonnes
Leçon 10Créer une gouttière entre les colonnes 1/3
Leçon 11Créer une gouttière entre les colonnes 2/3
Leçon 12Créer une gouttière entre les colonnes 3/3
Leçon 13Créer une gouttière selon les écrans
Chapitre 2 : Exercice Pratique
25m32
 
Leçon 1Mise en place des bases
Leçon 2Mise en place des 2 premières zones
Leçon 3Mise en place de la zone 3
Leçon 4Mise en place de la zone 4
Chapitre 3 : Conclusion
01m12
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
37
Apprenants
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 30/08/2023
Merci Carl, je rejoins le commentaire précédent, j'ai vraiment apprécié les explications avec les visuels, la bonne compréhension des gaps est importante et vous nous expliquez tout ça avec brio 🙏 Que du bonheur ! Validé 100% #Bulma-2
Carl Brison
Carl Brison
C'est très gentil ;-)
Alain Henaff
Alain Henaff
Publié le 23/01/2021
De plus en plus simple pour monter un site web qui tienne la route... et comme toujours, pas à pas avec des explications claires ! Merci Carl, vous méritez largement cette belle audience actuelle. CactusXXL
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire. Tres très gentil !!!
Patrick Saint-Guirons
Patrick Saint-Guirons
Publié le 04/12/2020
Que dire, c'est dur de vouloir se renouveler dans l'exercice d'encenser cet excellent formateur qu'est Carl Brison. Parfait, clair, comme d'habitude ;o) Patrick
Carl Brison
Carl Brison
C'est trop gentil ! Merci à vous, Patrick ;-)

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 1426 tutos gratuits

Notre politique de protection des données