Wat is Bootstrap en wanneer moet ik het gebruiken?

Gratis en open source software biedt ons meerdere alternatieven voor veel dingen. Dit maakt het moeilijk om te weten welke het beste is om te gebruiken. Laten we beginnen met te zeggen dat als je geen website nodig hebt, je ook niet hoeft te weten wat het is Bootstrap en wanneer het moet worden gebruikt.

Vroeger kon je om een ​​website te maken prima rondkomen met kladblok of zelfs een tekstverwerker, maar zoals jee de pagina's aan interactiviteit wonnen en de inhoud vaker moest worden bijgewerkt, werd het noodzakelijk om nieuwe tools te gebruiken om ze te maken.

Wat is Bootstrap en wanneer moet ik het gebruiken?

Aan de ene kant verschenen visuele editors zoals Macromedia (later Adobe) Dreamweaver waarmee je zowel code kon schrijven als visueel inhoud kon bewerken. In Linux hadden we tools zoals Kompozer of NVU die, hoewel ze niet dezelfde functies hadden, de taak vrij eenvoudig maakten.

Als je goed was in het schrijven van code, was er geen gebrek aan tools. Anjuta of Eclipse waren ideale ontwikkelomgevingen voor ervaren programmeurs.

In de loop van de tijd verschenen contentmanagers als: WordPress, Drupal o Joomla.  Dit type software maakte het mogelijk om het schrijven van code te negeren om zich te concentreren op het maken van inhoud.. Ze bleken het ideale alternatief voor plaatsen als Linux Adictos waarin verschillende auteurs de inhoud voortdurend bijwerken.

Laat me dit even uitleggen.

Vanuit het oogpunt van codering omvat een webpagina:

• Type document: Het vertelt de browser welke versie van HTML wordt gebruikt.
• HTML-container: Het vertelt de browser het begin en einde van het HTML-document en kan aanvullende informatie bevatten, zoals de taal.
• Hoofdcontainer: Het bevat nuttige informatie voor de browser en zoekmachines zoals de titel van de pagina, de auteur, een korte beschrijving van de inhoud en een lijst met relevante termen. Het vertelt de browser ook waar instructies te vinden zijn over hoe de inhoud op het scherm moet worden weergegeven.
• Lichaamscontainer: Hier komt alle inhoud die de gebruiker in de browser zal zien.
• Scriptverklaring: Het vertelt de browser waar hij instructies kan vinden in bepaalde programmeertalen zoals Javascript of PHP waarmee je interactiviteit kunt toevoegen of formulieren per e-mail kunt verzenden.

De verschillende delen van een document in de Body-container zijn:

• header: Hier wordt de titel van de website weergegeven. Het kan het logo, links, navigatiebalk of andere prominente informatie bevatten.
• Navigatie: Deze container wordt gebruikt om een ​​navigatiemenu te maken dat toegang geeft tot de belangrijkste onderdelen van de site.
• Artikel: De naam is vrij beschrijvend voor de functie. Het wordt gebruikt om verschillende onderwerpen binnen een webpagina te onderscheiden. Bijvoorbeeld dit bericht dat volgt op de hoofdpagina van Linux Adictos.
• Sectie: Scheid de verschillende delen van een artikel.
• terzijde: Groepeert de inhoud die aan de zijkant van de pagina wordt weergegeven.
• Footer: Toont de informatie onderaan de pagina. Het wordt vaak gebruikt om informatie weer te geven, zoals routebeschrijvingen, links naar andere sites en het herhalen van het menu.

Er zijn containers om verschillende delen van de tekst te markeren als h (1 tot 6) op die respectievelijk titels en alinea's aangeven.

Als er geen contentmanagers waren, telkens de auteurs van Linux Adictos We willen graag een artikel publiceren, we zouden de hele paginacode helemaal opnieuw moeten schrijven.  Bovendien moeten we de volgorde van de hoofdpagina en de lijst met artikelen per categorie handmatig bijwerken.

En als de beheerders een herontwerp zouden doen of als er een nieuw schermformaat zou komen, zou het nodig zijn om de stylesheets bij te werken.

Het probleem van contentmanagers

Hoewel contentmanagers ideaal zijn in de omstandigheden die we noemden, ze zijn een verspilling van middelen in het geval van sites die niet vaak worden bijgewerkt, zoals bedrijfswebsites of informatieve websites met weinig wijzigingen.  Aan de andere kant omvatten ze het gebruik van databases en hun populariteit maakt ze het doelwit van frequente aanvallen, die moeten worden bijgewerkt.

In het specifieke geval van WordPress wordt het naar mijn mening bloatware. Steeds meer thema's vereisen de installatie van add-ons die in veel gevallen dezelfde functie vervullen als degene die u al had geïnstalleerd. En de meeste van de beste voordelen zijn onder de betalingsmethode. En ze zijn niet bepaald goedkoop.

Dit is waar open source frameworks zoals Bootstrap van pas komen.  Zie Bootstrap als een doos met Legoblokjes die in plaats van dingen te bouwen worden gebruikt om websites te bouwen die zich gemakkelijk aanpassen aan alle schermformaten. U hoeft het wiel niet opnieuw uit te vinden, want het wordt geleverd met bijna alles wat u nodig heeft, zoals knoppen, pictogrammen en thema's. Maar tegelijkertijd heeft u de flexibiliteit zodat uw ontwerpen niet op andere lijken.

In het volgende artikel zullen we zien hoe het te gebruiken.