Qu'est-ce que Bootstrap et quand dois-je l'utiliser ?

Les logiciels libres et open source nous offrent de multiples alternatives pour beaucoup de choses. Il est donc difficile de savoir lequel est le meilleur à utiliser. Commençons par dire que si vous n'avez pas besoin d'un site Web, vous n'avez pas besoin de savoir ce que c'est Bootstrap et quand il doit être utilisé.

Auparavant, pour créer un site Web, vous pouviez très bien vous débrouiller avec un bloc-notes ou même un traitement de texte, mais comme vouse les pages gagnaient en interactivité et le contenu devait être mis à jour plus fréquemment, il devenait nécessaire d'utiliser de nouveaux outils pour les créer.

Qu'est-ce que Bootstrap et quand dois-je l'utiliser ?

D'une part, des éditeurs visuels tels que Macromedia (plus tard Adobe) Dreamweaver sont apparus qui vous permettaient d'écrire du code ainsi que de modifier visuellement le contenu. Sous Linux, nous avions des outils comme Kompozer ou NVU qui, bien qu'ils n'aient pas les mêmes fonctionnalités, rendaient la tâche assez facile.

Si vous étiez doué pour écrire du code, les outils ne manquaient pas. Anjuta ou Eclipse étaient des environnements de développement idéaux pour les programmeurs experts.

Au fil du temps, les gestionnaires de contenu sont apparus comme WordPress, Drupal o Joomla.  Ce type de logiciel permettait de faire abstraction de l'écriture de code pour se concentrer sur la création de contenu.. Ils se sont révélés être l'alternative idéale pour des endroits comme Linux Adictos dans lequel plusieurs auteurs mettent constamment à jour le contenu.

Laissez-moi vous expliquer un peu.

Du point de vue du codage, une page web comprend :

• Type de document: Il indique au navigateur quelle version de HTML est utilisée.
• Conteneur HTML : Il indique au navigateur le début et la fin du document HTML et peut inclure des informations supplémentaires telles que la langue.
• Conteneur principal : Il comprend des informations utiles pour le navigateur et les moteurs de recherche telles que le titre de la page, l'auteur, une brève description du contenu et une liste de termes pertinents. En outre, il indique au navigateur où trouver des instructions sur la façon de rendre le contenu à l'écran.
• Conteneur de corps: Voici tout le contenu que l'utilisateur verra dans le navigateur.
• Instruction de scénario : Il indique au navigateur où trouver des instructions dans certains langages de programmation tels que Javascript ou PHP qui permettent d'ajouter de l'interactivité ou d'envoyer des formulaires par mail.

Les différentes parties d'un document à l'intérieur du conteneur Corps sont :

• Entête: C'est là que le titre du site Web est affiché. Il peut contenir le logo, les liens, la barre de navigation ou d'autres informations importantes.
• Navigation : Ce conteneur permet de créer un menu de navigation qui donne accès aux principales parties du site.
• Article: Le nom est assez descriptif de la fonction. Il est utilisé pour différencier différents sujets au sein d’une page Web. Par exemple, cet article qui suit sur la page principale de Linux Adictos.
• Section: Séparez les différentes parties d'un article.
• De côté: Regroupe le contenu affiché sur le côté de la page.
• Pied de page: Affiche les informations au bas de la page. Il est souvent utilisé pour afficher des informations telles que des directions, des liens vers d'autres sites et répéter le menu.

Il existe des conteneurs pour marquer différentes parties du texte comme h (1 à 6) op qui indiquent respectivement les titres et les paragraphes.

S'il n'y avait pas de gestionnaire de contenu, chaque fois que les auteurs de Linux Adictos Nous aimerions publier un article, nous devrions réécrire tout le code de la page à partir de zéro.  De plus, nous devons mettre à jour manuellement l'ordre de la page principale et la liste des articles par catégorie.

Et, si les administrateurs devaient faire une refonte ou qu'une nouvelle taille d'écran arrivait, il faudrait mettre à jour les feuilles de style.

Le problème des gestionnaires de contenu

Bien que les gestionnaires de contenu soient idéaux dans les conditions que nous avons évoquées, ils sont un gaspillage de ressources dans le cas de sites qui ne sont pas fréquemment mis à jour, comme les sites Web d'entreprise ou d'information avec peu de changements.  D'autre part, ils incluent l'utilisation de bases de données et leur popularité en fait l'objet d'attaques fréquentes, ce qui nécessite une mise à jour.

Dans le cas particulier de WordPress, il devient à mon sens un bloatware. De plus en plus de thèmes nécessitent l'installation de modules complémentaires qui, dans de nombreux cas, remplissent la même fonction que ceux que vous aviez déjà installés. Et, la plupart des meilleurs avantages sont sous le mode de paiement. Et, ils ne sont pas vraiment bon marché.

C'est là que les frameworks open source comme Bootstrap sont utiles.  Considérez Bootstrap comme une boîte de briques Lego qui, au lieu de construire des choses, est utilisée pour créer des sites Web qui s'adaptent facilement à toutes les tailles d'écran. Vous n'avez pas besoin de réinventer la roue car elle contient presque tout ce dont vous pourriez avoir besoin, comme des boutons, des icônes et des thèmes. Mais, en même temps, vous avez la flexibilité nécessaire pour que vos conceptions ne ressemblent pas aux autres.

Dans le prochain article, nous verrons comment l'utiliser.