Retrouvez cette formation dans le bundle :
Bundle : Tout savoir ou presque sur le framework CSS BULMA
-30% de réduction
Nous voici arrivés au terme de cette formation dédiée à l'apprentissage du framework CSS Bulma.
Afin de bien assoir les connaissances acquises tout au long de ces tutoriels, nous allons réaliser un site web en utilisant exclusivement le framework bulma !
- Nous allons mettre en place une barre de navigation 100% responsive. Sur les écrans inférieurs apparaîtra un menu burger, alors que sur les écrans supérieurs apparaîtra le menu de navigation. Nous ferons également un peu de JavaScript moderne afin de faire fonctionner notre menu burger.
- Nous mettrons également en place un système de colonnes afin de bien pratiquer cette partie de Bulma. Tout sera entièrement responsive et par conséquent, tout s'adaptera parfaitement aux différentes tailles d'écrans qui viendront visiter notre site internet.
- Nous mettrons également en place un formulaire de contact, là aussi en se servant exclusivement des différentes classes CSS proposées par le framework Bulma.
Je mets à votre disposition, l'ensemble des codes de cette formation.
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.
Pour aller plus loin avec Bulma
Voici les liens de mes précédentes formations dédiées à Bulma :
Table des matières de cette formation CSS (durée : 1h55m)
-
- Présentation du job gratuit 00:03:05
- Mise en place des zones 00:06:27
- Mise en place des bases de la barre de nav 00:07:29
- Mise en place du menu de navigation 00:06:45
- Mise en place du menu burger 00:05:14
- Mise en place du JavaScript moderne 00:07:00
- Mise en place de la section 1 00:05:11
- Mise en place de la boîte notification 00:06:39
- Mise en place de la boîte card 00:11:03
- Finition de la section 1 00:04:47
- Mise en place de la section 2 00:05:21
- Mise en place de la section 3 00:04:45
- Mise en place des boîtes box 00:06:13
- Mise en place du footer 00:02:53
- Mise en place du fichier contact 00:04:09
- Mise en place des sections 00:05:53
- Mise en place du fil d'ariane 00:04:26
- Mise en place des bases du formulaire 00:07:33
- Finition du formulaire 00:06:08
- Conclusion 00:04:53
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Un framework très bien expliqué et démontré, comme toujours avec un très grand sens de l'échange d'expérience, Merci Mr Brison
-
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 complet de l'exercice.
note moyenne
avis laissé