Šta je Bootstrap i kada da ga koristim?

Besplatni softver otvorenog koda nudi nam višestruke alternative za mnoge stvari. Zbog toga je teško znati koji je najbolji za korištenje. Počnimo tako što ćemo reći da ako vam ne treba web stranica, ne morate znati šta je to Bootstrap i kada treba da se koristi.

U starim danima, da biste napravili web stranicu mogli ste sasvim dobro proći uz pomoć notepad-a ili čak program za obradu teksta, ali kakoe stranice su postajale interaktivnije i sadržaj se morao češće ažurirati, postalo je neophodno koristiti nove alate da ih stvori.

Šta je Bootstrap i kada da ga koristim?

S jedne strane, pojavili su se vizuelni uređivači kao što je Macromedia (kasnije Adobe) Dreamweaver koji su vam omogućavali pisanje koda kao i vizuelno uređivanje sadržaja. U Linuxu smo imali alate kao što su Kompozer ili NVU koji su, iako nisu imali iste karakteristike, prilično olakšali zadatak.

Ako ste bili dobri u pisanju koda, nije nedostajalo alata. Anjuta ili Eclipse bili su idealna razvojna okruženja za stručne programere.

Vremenom su se menadžeri sadržaja pojavili kao WordPress Drupal o Joomla.  Ova vrsta softvera je omogućila zanemarivanje pisanja koda i fokusiranje na kreiranje sadržaja.. Ispostavilo se da su idealna alternativa za mjesta poput Linux Adictos u kojoj nekoliko autora stalno ažurira sadržaj.

Dozvolite mi da ovo malo objasnim.

Sa stanovišta kodiranja, web stranica uključuje:

• Vrsta dokumenta: Govori pretraživaču koja verzija HTML-a se koristi.
• HTML kontejner: On govori pretraživaču početak i kraj HTML dokumenta i može uključiti dodatne informacije kao što je jezik.
• Kontejner za glavu: Sadrži korisne informacije za pretraživač i pretraživače kao što su naslov stranice, autor, kratak opis sadržaja i lista relevantnih pojmova. Takođe, govori pretraživaču gde da pronađe uputstva o tome kako da prikaže sadržaj na ekranu.
• Body Container: Ovdje ide sav sadržaj koji će korisnik vidjeti u pretraživaču.
• Izjava skripte: Govori pretraživaču gde da pronađe uputstva na određenim programskim jezicima kao što su Javascript ili PHP koji vam omogućavaju da dodate interaktivnost ili pošaljete obrasce poštom.

Različiti dijelovi dokumenta unutar Body spremnika su:

• Zaglavlje: Ovdje se prikazuje naslov web stranice. Može sadržavati logotip, veze, navigacijsku traku ili druge istaknute informacije.
• Navigacija: Ovaj kontejner se koristi za kreiranje navigacionog menija koji omogućava pristup glavnim delovima sajta.
• Članak: Ime je prilično opisno za funkciju. Koristi se za razlikovanje različitih tema unutar web stranice. Na primjer, ovaj post koji slijedi na glavnoj stranici od Linux Adictos.
• Odeljak: Odvojite različite dijelove članka.
• Sa strane: Grupira sadržaj prikazan sa strane stranice.
• Podnožje: Prikazuje informacije na dnu stranice. Često se koristi za prikaz informacija kao što su uputstva, veze do drugih sajtova i ponavljanje menija.

Postoje spremnici za označavanje različitih dijelova teksta kao h (1 do 6) op koji označavaju naslove, odnosno paragrafe.

Da nije bilo menadžera sadržaja, svaki put autori Linux Adictos Htjeli bismo objaviti članak, morali bismo prepisati cijeli kod stranice od nule.  Osim toga, trebali bismo ručno ažurirati redoslijed glavne stranice i listu članaka po kategorijama.

I, ako bi administratori uradili redizajn ili bi se pojavila nova veličina ekrana, bilo bi potrebno ažurirati stilove.

Problem menadžera sadržaja

Iako su content manageri idealni u uslovima koje smo spomenuli, oni su gubitak resursa u slučaju sajtova koji se ne ažuriraju često, kao što su korporativne ili informativne veb stranice sa malo izmena.  S druge strane, oni uključuju korištenje baza podataka i njihova popularnost ih čini objektom čestih napada, što zahtijeva njihovo ažuriranje.

U konkretnom slučaju WordPress-a, po mom mišljenju, on postaje bloatware. Sve više tema zahtijeva instalaciju dodataka koji u mnogim slučajevima ispunjavaju istu funkciju kao i oni koje ste već instalirali. A većina najboljih pogodnosti nalazi se u načinu plaćanja. I nisu baš jeftine.

Tu dobro dolaze okviri otvorenog koda kao što je Bootstrap.  Zamislite Bootstrap kao kutiju Lego kockica koje se umjesto za pravljenje stvari koriste za pravljenje web stranica koje se lako prilagođavaju svim veličinama ekrana. Ne morate ponovo izmišljati točak jer dolazi sa gotovo svime što vam može zatrebati poput dugmadi, ikona i tema. Ali, u isto vrijeme imate fleksibilnost tako da vaši dizajni ne izgledaju kao drugi.

U sljedećem članku ćemo vidjeti kako ga koristiti.