Čo je Bootstrap a kedy ho mám použiť?

Bezplatný a open source softvér nám ponúka viacero alternatív k mnohým veciam. Preto je ťažké zistiť, ktorý z nich je najlepšie použiť. Začnime tým, že ak webovú stránku nepotrebujete, nemusíte vedieť, čo to je Bootstrap a kedy sa má použiť.

V dávnych dobách ste si na vytvorenie webovej stránky mohli vystačiť s poznámkovým blokom alebo dokonca textovým procesorom, ale ako vyKeďže stránky naberali na interaktivite a obsah sa musel častejšie aktualizovať, bolo potrebné používať nové nástroje aby ich vytvorili.

Čo je Bootstrap a kedy ho mám použiť?

Na jednej strane sa objavili vizuálne editory ako Macromedia (neskôr Adobe) Dreamweaver, ktoré vám umožnili písať kód, ako aj vizuálne upravovať obsah. V Linuxe sme mali nástroje ako Kompozer alebo NVU, ktoré, hoci nemali rovnaké funkcie, túto úlohu celkom uľahčili.

Ak ste boli dobrí v písaní kódu, nechýbali nástroje. Anjuta alebo Eclipse boli ideálne vývojové prostredia pre expertných programátorov.

Postupom času sa objavili správcovia obsahu ako WordPress Drupal o joomla.  Tento typ softvéru umožnil ignorovať písanie kódu a zamerať sa na tvorbu obsahu.. Ukázalo sa, že sú ideálnou alternatívou pre miesta ako napr Linux Adictos v ktorej viacerí autori neustále aktualizujú obsah.

Dovoľte mi to trochu vysvetliť.

Z hľadiska kódovania webová stránka obsahuje:

• Typ dokumentu: Informuje prehliadač, ktorá verzia HTML sa používa.
• HTML kontajner: Oznamuje prehliadaču začiatok a koniec dokumentu HTML a môže obsahovať ďalšie informácie, ako je jazyk.
• Hlavový kontajner: Obsahuje užitočné informácie pre prehliadač a vyhľadávače, ako je názov stránky, autor, stručný popis obsahu a zoznam relevantných výrazov. Tiež informuje prehliadač, kde má nájsť pokyny na vykreslenie obsahu na obrazovke.
• Nádoba na telo: Tu je všetok obsah, ktorý používateľ uvidí v prehliadači.
• Vyhlásenie skriptu: Informuje prehliadač, kde nájsť pokyny v určitých programovacích jazykoch, ako je Javascript alebo PHP, ktoré vám umožňujú pridať interaktivitu alebo odosielať formuláre poštou.

Rôzne časti dokumentu vo vnútri kontajnera Body sú:

• hlavička: Tu sa zobrazuje názov webovej stránky. Môže obsahovať logo, odkazy, navigačný panel alebo iné významné informácie.
• Navigácia: Tento kontajner sa používa na vytvorenie navigačnej ponuky, ktorá umožňuje prístup k hlavným častiam lokality.
• Článok: Názov celkom vystihuje funkciu. Používa sa na rozlíšenie rôznych tém v rámci webovej stránky. Napríklad tento príspevok, ktorý nasleduje na hlavnej stránke Linux Adictos.
• sekcia: Oddeľte jednotlivé časti článku.
• Stranou: Zoskupuje obsah zobrazený na bočnej strane stránky.
• päta: Zobrazuje informácie v spodnej časti stránky. Často sa používa na zobrazenie informácií, ako sú pokyny, odkazy na iné stránky a opakovanie ponuky.

Existujú kontajnery na označenie rôznych častí textu ako h (1 až 6) op, ktoré označujú nadpisy a odseky.

Ak by neexistovali správcovia obsahu, zakaždým, keď autori Linux Adictos Chceli by sme uverejniť článok, museli by sme prepísať celý kód stránky od začiatku.  Okrem toho by sme mali manuálne aktualizovať poradie hlavnej stránky a zoznam článkov podľa kategórií.

A ak by administrátori urobili redizajn alebo sa objavila nová veľkosť obrazovky, bolo by potrebné aktualizovať šablóny štýlov.

Problém správcov obsahu

Aj keď sú správcovia obsahu ideálni v podmienkach, ktoré sme spomenuli, ide o plytvanie zdrojmi v prípade stránok, ktoré nie sú často aktualizované, ako sú podnikové alebo informačné webové stránky s malými zmenami.  Na druhej strane zahŕňajú využívanie databáz a ich popularita z nich robí objekt častých útokov, čo si vyžaduje ich aktualizáciu.

V konkrétnom prípade WordPress sa podľa môjho názoru stáva bloatware. Čoraz viac tém si vyžaduje inštaláciu doplnkov, ktoré v mnohých prípadoch plnia rovnakú funkciu ako tie, ktoré ste už nainštalovali. A väčšina z najlepších výhod je v rámci spôsobu platby. A nie sú práve lacné.

Tu prichádzajú vhod open source frameworky ako Bootstrap.  Predstavte si Bootstrap ako krabicu kociek Lego, ktoré sa namiesto stavania používajú na vytváranie webových stránok, ktoré sa ľahko prispôsobia všetkým veľkostiam obrazovky. Nie je potrebné znovu vynájsť koleso, pretože obsahuje takmer všetko, čo môžete potrebovať, ako sú tlačidlá, ikony a motívy. Zároveň však máte flexibilitu, aby vaše návrhy nevyzerali ako iné.

V ďalšom článku sa pozrieme na to, ako ho používať.