Co je Bootstrap a kdy jej mám použít?

Free a open source software nám nabízí více alternativ pro mnoho věcí. To ztěžuje zjištění, který je nejlepší použít. Začněme tím, že pokud web nepotřebujete, nemusíte vědět, co to je Bootstrap a kdy se má použít.

Za starých časů jste si k vytvoření webu mohli vystačit s poznámkovým blokem nebo dokonce textovým procesorem, ale jako vyVzhledem k tomu, že stránky získávaly na interaktivitě a obsah se musel častěji aktualizovat, bylo nutné používat nové nástroje k jejich vytvoření.

Co je Bootstrap a kdy jej mám použít?

Na jedné straně se objevily vizuální editory jako Macromedia (později Adobe) Dreamweaver, které umožňovaly psát kód a také vizuálně upravovat obsah. V Linuxu jsme měli nástroje jako Kompozer nebo NVU, které, i když neměly stejné funkce, tento úkol docela usnadňovaly.

Pokud jste byli dobří v psaní kódu, nechyběly nástroje. Anjuta nebo Eclipse byly ideální vývojová prostředí pro zkušené programátory.

Postupem času se objevili správci obsahu jako WordPress Drupal o Joomla.  Tento typ softwaru umožnil ignorovat psaní kódu a soustředit se na tvorbu obsahu.. Ukázalo se, že jsou ideální alternativou pro místa jako Linux Adictos ve kterém několik autorů neustále aktualizuje obsah.

Dovolte mi to trochu vysvětlit.

Z hlediska kódování webová stránka zahrnuje:

• Typ dokumentu: Sděluje prohlížeči, která verze HTML se používá.
• HTML kontejner: Sděluje prohlížeči začátek a konec dokumentu HTML a může obsahovat další informace, jako je jazyk.
• Hlavový kontejner: Obsahuje užitečné informace pro prohlížeč a vyhledávače, jako je název stránky, autor, stručný popis obsahu a seznam relevantních výrazů. Také říká prohlížeči, kde najde pokyny, jak vykreslit obsah na obrazovce.
• Nádoba na tělo: Zde je veškerý obsah, který uživatel uvidí v prohlížeči.
• Prohlášení skriptu: Řekne prohlížeči, kde najde pokyny v určitých programovacích jazycích, jako je Javascript nebo PHP, které vám umožní přidat interaktivitu nebo odeslat formuláře poštou.

Různé části dokumentu uvnitř kontejneru Body jsou:

• Záhlaví: Zde se zobrazuje název webu. Může obsahovat logo, odkazy, navigační lištu nebo jiné významné informace.
• Navigace: Tento kontejner se používá k vytvoření navigační nabídky, která umožňuje přístup k hlavním částem webu.
• Článek: Název dost popisuje funkci. Používá se k rozlišení různých témat v rámci webové stránky. Například tento příspěvek, který následuje na hlavní stránce Linux Adictos.
• Sekce: Oddělte různé části článku.
• Stranou: Seskupuje obsah zobrazený na straně stránky.
• Zápatí: Zobrazuje informace v dolní části stránky. Často se používá k zobrazení informací, jako jsou pokyny, odkazy na jiné stránky a opakování nabídky.

Existují kontejnery pro označení různých částí textu jako h (1 až 6) op, které označují nadpisy a odstavce.

Kdyby neexistovali správci obsahu, pokaždé, když autoři Linux Adictos Rádi bychom publikovali článek, museli bychom přepsat celý kód stránky od začátku.  Kromě toho bychom měli ručně aktualizovat pořadí hlavní stránky a seznam článků podle kategorií.

A pokud by administrátoři provedli redesign nebo se objevila nová velikost obrazovky, bylo by nutné aktualizovat šablony stylů.

Problém správců obsahu

Přestože jsou správci obsahu v podmínkách, které jsme zmínili, ideální, jsou plýtváním zdrojů v případě webů, které nejsou často aktualizovány, jako jsou podnikové nebo informační weby s malými změnami.  Na druhou stranu zahrnují používání databází a jejich oblíbenost z nich dělá objekt častých útoků, které vyžadují jejich aktualizaci.

V konkrétním případě WordPressu se podle mého názoru stává bloatwarem. Stále více témat vyžaduje instalaci doplňků, které v mnoha případech plní stejnou funkci jako ty, které jste již měli nainstalované. A většina z nejlepších výhod je v rámci platební metody. A nejsou zrovna levné.

Zde se hodí open source frameworky jako Bootstrap.  Představte si Bootstrap jako krabici kostek Lego, které se místo stavění používají k vytváření webových stránek, které se snadno přizpůsobí všem velikostem obrazovky. Nemusíte znovu vynalézat kolo, protože obsahuje téměř vše, co můžete potřebovat, jako jsou tlačítka, ikony a motivy. Ale zároveň máte flexibilitu, takže vaše návrhy nevypadají jako ostatní.

V dalším článku se podíváme, jak jej používat.