accélérez l'intégration de vos sites web avec bulma css

A ange marcellin guei
Le profésseur



Présentation

 

En tant que développeur web, plusieurs possibilités s’offrent à vous dans le but d’intégrer des interfaces de site et/ou d’application web plus rapidement, mais quoiqu’il en soit , vous n'échapperez pas à l’utilisation des langages HTML et CSS (il est donc indispensable de les maîtriser avant tout).

Mais le problème qui se pose avec l’utilisation exclusive du HTML et du CSS pour l’intégration d’interface web , c’est que vous serez très vite amené à vous répéter à travers les pages que vous allez intégrez , par conséquent vous perdez du temps et de l’énergie à recréer des choses que vous auriez pu mettre en oeuvre une seule fois en vue d’une réutilisation.

C’est dans cette optique que s’inscrit le framework css bulma, en fait bulma est un ensemble d'éléments et de mise en forme prédéfinis que vous pourrez utiliser simplement grâce à des class CSS fournies par Bulma.

L'avantage est que vous ferez plus de choses en écrivant moins de code le tout en très peu de temps.

Un autre avantage de Bulma est que tous les composants qu’il propose sont responsive , vous n’aurez donc pas besoin de créer des points de rupture pour rendre vos pages responsives: tout est fait automatiquement par Bulma.

 

Vos compétences après ce cours

 

De toute évidence , après ce cours vous serez capable d’intégrer en un temps record vos interfaces web.

L'avantage de Bulma c’est qu’il est très léger et très modulable , ce qui veut dire qu’il n'alourdit pas votre projet et que vous pourrez utiliser uniquement les composants dont vous aurez besoin tout en y ajoutant vos propres lignes de code.

Vous aurez donc la possibilité de faire preuve de plus de créativité, sans oublier que nous allons créer des interfaces de chat que vous pourrez bien sûr adapter à vos besoins.

 

Prérequis

 

Pour tirer partie de ce cours, il vous faut avoir une bonne maîtrise des langages HTML et CSS , en fait Bulma s’appuie entièrement sur ces deux langages pour faire son travail.

Si vous n’avez aucune connaissance de ces deux langages je vous recommande de suivre dans l’ordre les deux volumes de cours que j’ai réalisés au sujet du HTML et du CSS.

html-css volume 1: https://neerone.com/player/7/Codez-des-sites-web-moderne-et-attirant-avec-html5-et-css3-(volume-1)

html-css volume 2 : https://neerone.com/player/8/Codez-des-sites-web-moderne-et-attirant-avec-html5-et-css3-(volume-2-)

 

Projet de fin de cours

 

Nous aurons l’occasion de réaliser plusieurs travaux pratiques tout au long de ce cours mais le plus intéressant c’est que j’ai également consacré un module entier à la réalisation d’un projet qui consiste en la création de quelques interfaces de discussion instantanée.

Je vous ferai également des suggestions pour davantage embellir ce projet.

 

Ressources utilisées

 

Pour vous permettre d’étudier de plus près les travaux que nous allons réaliser dans cette formation , j’ai conservé toutes les sources des TP et du projet.

Je vous recommande donc de cloner le dépôt github contenant ces sources: https://github.com/Neerone-Team/SOURCE-FORMATION-BULMA-CSS
















DÉCOUVREZ LES FONDAMENTAUX DU FRAMEWORK CSS BULMA

module 1

SOLUTIONS DE MISE EN PAGE ET SYSTÈME DE GRILLE RESPONSIVE

module 2

PROJET (INTÉGRATION D’INTERFACE D’UNE APPLICATION DE CHAT IN ...

module 3