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

Bootstrap permet de créer rapidement des sites Web réactifs.

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 JoomlaCe type de logiciel permettait de faire abstraction de l'écriture de code pour se concentrer sur la création de contenu.. Ils se sont avérés être l'alternative idéale pour des sites comme Linux Adictos dont 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 sert à différencier les différents sujets au sein d'une page Web. Par exemple, ce post qui suit sur la page principale de Linux Addicts.
  • 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 nous, les auteurs Linux Addicts, voulions publier un article, nous devions 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.


Le contenu de l'article adhère à nos principes de éthique éditoriale. Pour signaler une erreur, cliquez sur c'est par ici !.

3 commentaires, laissez le vôtre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

*

*

  1. Responsable des données : AB Internet Networks 2008 SL
  2. Finalité des données: Contrôle du SPAM, gestion des commentaires.
  3. Légitimation: votre consentement
  4. Communication des données: Les données ne seront pas communiquées à des tiers sauf obligation légale.
  5. Stockage des données: base de données hébergée par Occentus Networks (EU)
  6. Droits: à tout moment, vous pouvez limiter, récupérer et supprimer vos informations.

  1.   Richard Watterson dit

    Un article intéressant, même si je pense que le titre approprié serait gestionnaires de contenu et problèmes actuels, ici ils n'ont rien expliqué sur bootstrap.
    En outre…
    Bootstrap est une bibliothèque/framework/bibliothèque qui nous permet de concevoir de très beaux sites responsive, vous pouvez créer un site web sans trop connaître le CSS, vous pouvez créer un thème WordPress, mais vous devriez y mettre beaucoup de temps pour l'optimiser pour le maximum.
    Les CMS comme WordPress sont conçus pour améliorer la maintenance d'un site web, c'est pourquoi ils sont si flexibles, vous pouvez faire des blogs, des sites web d'entreprises, des boutiques, des forums, etc etc... et tout cela sans toucher une seule ligne de code.
    Thèmes dans le cas de WordPress, il existe de nombreux assez simples, adaptés à un blog personnel, quelque chose qui ne nécessite pas plus d'attrait visuel. Dans le cas des thèmes "attrayants", ceux-ci incluent généralement des plugins, qui fournissent aux thèmes une plus grande fonctionnalité, vous pouvez ajouter des chargeurs, des méga menus, des animations, et plus encore, très rarement les plugins incluent CSS.
    C'est pour ça que…
    1.- Évitez d'utiliser l'ensemble du paquet bootstrap, chargez uniquement ce dont vous avez besoin.
    2.- Pour WordPress, investissez dans un bon hébergement, cela améliorera vos temps de chargement, vous pouvez choisir d'utiliser un CDN pour améliorer le chargement de vos thèmes.
    3.- Si vous utilisez un CMS basé sur PHP, ne vous attendez pas à de grandes vitesses, il est vrai qu'ils peuvent être optimisés, mais quelqu'un qui a des connaissances doit le faire.
    4.- Le développement et la maintenance d'un thème WordPress n'est pas nécessairement bon marché ou facile. De nombreuses vulnérabilités sont découvertes quotidiennement et les résoudre sans les connaissances appropriées peut être compliqué, investir dans un modèle d'un éditeur expérimenté peut être le plus approprié, bien sûr, c'est une question d'économie, mais cela en vaut la peine.

    1.    Diego allemand Gonzalez dit

      C'est le premier article de la série.
      Merci pour votre contribution

    2.    Jorge dit

      Bel article. J'attendrai la suite.