Notion de framework : UI kit
Objectif
Apprendre ce qu'est un framework
Mise en situation
Nous allons apprendre ce qu'est un framework et comment cela peut nous aider dans nos développements
Définition : Qu'est-ce qu'un framework ?
Un framework est une collection d'outils qui va constituer le "squelette" d'une application ou d'un site. Son but est de nous faciliter le travail et d'améliorer la productivité, grâce à l'utilisation des outils mis à notre disposition.
Ceux-ci disposent de nombreux avantages, comme le fait de proposer une structure de code et des outils natifs. Ils permettent également de standardiser le socle de nos différents projets, ce qui va faciliter la maintenance et l'évolution.
Cela permet également à d'autres développeurs de pouvoir plus facilement reprendre ou contribuer à nos projets s'ils connaissent déjà le framework sélectionné, et ainsi de respecter les normes de celui-ci. Ce qui assure une meilleure uniformité et pérennité des développements.
Il en existe de toutes sortes et pour tous les langages, comme :
Symfony pour PHP
Django pour Python
Spring pour Java
Bootstrap pour HTML / CSS / JavaScript
Nous allons donc étudier Bootstrap, et notamment comment l'installer sur nos sites web.
Contexte : Que peut apporter un framework CSS ?
Dans le cas d'un framework CSS, les avantages sont nombreux. Ceux-ci apportent généralement un bon nombre de classes préconfigurées facilitant la mise en page et la mise en forme de l'application.
On y retrouve par exemple des classes permettant de gérer :
Les aspects "layout" : gestion des colonnes, du responsive, grille d'affichage.
Les aspects "contenus" : classes préconfigurées pour l'affichage du texte, des tableaux, des images.
L'affichage de certains composants : mise en forme des boutons, des éléments de formulaires.
Tous ces éléments permettent donc de gagner en temps et en uniformité.
Syntaxe : À retenir
Un framework est une collection d'outils qui va constituer le "squelette" d'une application ou d'un site.
Il en existe pour de nombreux langages (Symfony pour PHP, Bootstrap pour HTML / CSS / JavaScript).
Concernant les frameworks CSS, ceux-ci proposent généralement des classes prêtes à l'usage afin de gagner en temps et en uniformité, et sont généralement bien documentés afin d'en faciliter l'utilisation.