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

TUTO Formation Bulma #5 - Les éléments

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

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Pour ce 5ème volet de ma formation en ligne dédiée au framework CSS Bulma et plus précisément aux éléments.
Nous allons voir entre autre :

  • Comment customiser les tableaux,
  • Comment gérer les images,
  • Comment créer un fil d'ariane,
  • Comment personnaliser Bulma.

Au cours de ce tutoriel en vidéo, nous verrons également, de manière pratique, comment mettre en place :

  • Un menu à onglets,
  • Une fenêtre modale,
  • Un menu responsive.

A cela, nous ajouterons du JavaScript moderne afin de pouvoir les faire fonctionner. Je rappelle que Bulma n'a pas vocation à fournir du JavaScript, mais uniquement du CSS. Nous allons donc mobiliser nos connaissances dans ce domaine. Si vous avez besoin d'apprendre le JavaScript moderne, je mets à votre disposition un Bundle complet sur ce sujet. 

A la fin du cours, vous pourrez valider vos nouvelles connaissances en passant un QCM.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions dédiés à la gestion d'éléments dans ce framework.

Pour aller plus loin avec Bulma

Voici les liens de mes précédentes formations dédiées à Bulma :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Les éléments
Chapitre 2
Les composants
Chapitre 3
Menu à onglet
Chapitre 4
Fenêtre modale
Chapitre 5
Barre de navigation
Chapitre 6
Bonus : Personnaliser Bulma
Chapitre 7
Conclusion

Plan détaillé du cours

Chapitre 1 : Les éléments
41m37
 
Leçon 1La classe box
Leçon 2La classe button
Leçon 3Ajout d'une icone sur un bouton
Leçon 4Les listes ordonnées
Leçon 5La classe delete
Leçon 6Les icones
Leçon 7Les images
Leçon 8Les tags
Leçon 9Les tableaux
Chapitre 2 : Les composants
17m47
 
Leçon 1Le fil d'ariane
Leçon 2Les cartes
Leçon 3La classe message
Leçon 4La pagination
Chapitre 3 : Menu à onglet
29m15
 
Leçon 1Mise en forme des onglets
Leçon 2On ajoute du CSS et du JavaScript moderne
Leçon 3On met en relation les onglets avec les contenus
Leçon 4On active le bon onglet
Chapitre 4 : Fenêtre modale
22m
 
Leçon 1Présentation
Leçon 2Création de la boîte modale
Leçon 3On affiche la fenêtre modale
Leçon 4On ferme la fenêtre modale
Leçon 5On améliore la fermeture de la fenêtre modale
Chapitre 5 : Barre de navigation
30m16
 
Leçon 1Faire apparaître un menu burger
Leçon 2Transformer le menu burger en croix
Leçon 3Déclaration de la boîte mère, navbar-brand
Leçon 4Création du menu
Leçon 5Apparition du menu pour les écrans de type touch
Chapitre 6 : Bonus : Personnaliser Bulma
23m31
 
Leçon 1Présentation
Leçon 2Création du fichier package.json
Leçon 3Installation des dépendances
Leçon 4Création d'un fichier html
Leçon 5Création du fichier css de bulma
Leçon 6Personnalisation des variables de bulma
Chapitre 7 : Conclusion
01m43
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
32
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, ajouter du JavaScript au menu à onglet et à la navbar était très intéressant, garder en mémoire ce type de code peut vraiment être utile. Intéressant l'astuce de taper cmd dans la barre de recherche pour ouvrir l'invite de commande, je ne connaissais pas du tout ou bien new terminal dans l'ide, merci pour ses astuces. La cerise sur le gâteau, la possibilité de personnaliser Bulma en utilisant SASS. Je vous remercie pour l'explication très complète de ce cours. Validé 100 % #Bulma-5
Carl Brison
Carl Brison
Merci beaucoup Alain ;-)
Patrick Saint-Guirons
Patrick Saint-Guirons
Publié le 28/12/2020
Merci beaucoup pour cette série de cours, vraiment interessante et prenante. Il me tarde de mettre en oeuvre, pour essayer en réel. Toujours aussi profesionnel Mr Brison
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil !

Vos questions sur le cours

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

Bulma

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Les sources du tuto.

Payer plus tard

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