HTML, CSS et le framewrok Bootstrap

Publié le 09/10/2019

~ Pensé et rédigé par Yoan Habib ~


Bannière

Source : pixabay.com

HTML (HyperText Markup Language) est un langage de balisage qui est utilisé pour créer et représenter le contenu d’une page web et sa structure. En règle général, le langage HTML est toujours associé à des feuilles de style CSS (Cascading Style Sheets). L’ensemble de ces feuilles forment un langage qui permet de définir l’aspect des pages web structurées par le HTML. C’est pourquoi l’un va de pair avec l’autre. Enfin, on peut utiliser des Frameworks Front-end comme Bootstrap, une collection d’outils HTML et CSS qui simplifie et accélère le développement d’une page web.

Contexte d’utilisation

HTML et CSS sont des langages que j’utilise depuis le développement de mes tout premiers projets techniques. L’un d’entre eux se nomme Learn’ITI. Il s’agit d’une plateforme intranet destinée à l’école IN’TECH SUD afin que les élèves puissent réviser leurs cours de façon ludique et de tester leurs connaissances à l’aide de quiz. C’est grâce à ces deux langages que j’ai pu réaliser très facilement l’interface de la plateforme.

Me dirigeant vers une carrière de développeur web, j’ai continué à les utiliser et puis j’ai découvert le Framework Bootstrap. Rapidement convaincu par celui-ci, je me suis mit à l’utiliser de plus en plus fréquemment.

On peut prendre le cas de l’application Covoit’Santé par exemple. C’est un projet commandité par la clinique Esquirol St Hilaire de la ville d’Agen et dont l’objectif était de faire face à la saturation du parking. Il fallait donc développer une plateforme web de covoiturage permettant à tous de se déplacer vers la clinique ou vers chez eux depuis celle-ci et tout cela, gratuitement. Il était également demandé d’avoir une interface intuitive et simple d’utilisation qui serait adaptée pour le format tablette et mobile. Bootstrap a permis de répondre très facilement à ces besoins grâce aux outils qu’il propose.

Également, j’ai eu le chance de continuer à mettre en pratique cette compétence et même de l’améliorer puisque HTML, CSS et Bootstrap sont des outils utilisés par l’équipe de développement JeChange, société dans laquelle je fus accueilli pour effectuer mon stage de six mois et mon alternance de deux ans.

Autocritique

Les langages HTML et CSS représentent aujourd’hui le couple d’outils le plus populaire pour construire des interfaces web tout en rendant un visuel élégant. De plus, ils sont très simples à appréhender et à maîtriser même si, de par mon expérience, il faudra un peu plus de temps pour vraiment être à l’aise avec le CSS.

Quant à Bootstrap, il n’est certes pas obligatoire pour développer d’excellentes interfaces mais il s’avère très utile. L’avantage de ce Framework est que celui-ci est découpé en plusieurs outils indépendants les uns des autres. Ainsi, le développeur qui s’en servira n’est pas obligé d’utiliser le Framework complet mais seulement de petits bouts. Par exemple, si on a besoin d’un système de grille flexible pour facilement placer les composants des différentes pages et avoir un site web responsive, on utilisera uniquement la fonctionnalité associée fournie par Bootstrap.

Ils existent d’autres Frameworks de ce genre tel que Zurb Foundation mais Bootstrap reste le plus connu d’entre eux.

Bien évidemment, je conseille aux développeurs qui débutent dans la création de pages web de commencer par bien prendre en main le HTML et le CSS avant d’utiliser Bootstrap. En effet, je pense que cela est très important pour comprendre le fonctionnement de ce genre de Frameworks et il s’avère que toutes les entreprises n’en utilisent pas forcément. Cela pourrait donc être bloquant si la connaissance des langages HTML et CSS n’est pas assez solide.

Conclusion

N’étant pas très intéressé par le développement des interfaces dans un premier temps, j’ai très vite appris à apprécier l’utilisation de ces outils et je me suis rendu compte de leur importance pour le futur de ma carrière. Même si j’ai découvert Bootstrap très tôt, je m’étais décidé à continuer de structurer mes pages avec uniquement le HTML et le CSS sur mes premiers projets afin d’avoir la meilleure prise en main possible de ces langages. Dans l’avenir, j’aimerais me former à d’autre Frameworks du même type que Bootstrap afin d’élargir mes compétences dans ce domaine et être capable de répondre plus facilement à des besoins d’interfaces spécifiques facilement et rapidement.

Yoan Habib
Yoan Habib

Salut, moi c'est Yoan ! Mes passions ? La culture japonaise et le monde du web en général.