Što je Bootstrap i kada ga trebam koristiti?

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

U stara vremena, da biste napravili web stranicu, mogli ste sasvim dobro snaći s notepadom ili čak programom za obradu teksta, ali kako stee stranice su dobivale na interaktivnosti i sadržaj se morao češće ažurirati, postalo je potrebno koristiti nove alate kako bi ih stvorio.

Što je Bootstrap i kada ga trebam koristiti?

S jedne strane, pojavili su se vizualni uređivači kao što je Macromedia (kasnije Adobe) Dreamweaver koji vam je omogućio pisanje koda kao i vizualno uređivanje sadržaja. U Linuxu smo imali alate kao što su Kompozer ili NVU koji su, iako nisu imali iste značajke, činili zadatak prilično lakim.

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

S vremenom su se upravitelji sadržaja pojavili kao WordPress Drupal o Joomla.  Ova vrsta softvera omogućila je zanemarivanje pisanja koda radi fokusiranja na stvaranje sadržaja.. Pokazalo se da su idealna alternativa za mjesta poput Linux Adictos u kojoj više autora neprestano nadopunjuje sadržaj.

Dopustite mi da ovo malo objasnim.

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

• Vrsta dokumenta: Pregledniku govori koja se verzija HTML-a koristi.
• HTML spremnik: Pregledniku govori početak i kraj HTML dokumenta i može uključivati ​​dodatne informacije kao što je jezik.
• Glavni spremnik: Sadrži korisne informacije za preglednik i tražilice kao što su naslov stranice, autor, kratak opis sadržaja i popis relevantnih pojmova. Također, govori pregledniku gdje pronaći upute o tome kako prikazati sadržaj na zaslonu.
• Spremnik za tijelo: Ovdje ide sav sadržaj koji će korisnik vidjeti u pregledniku.
• Izjava skripte: Govori pregledniku gdje pronaći upute u određenim programskim jezicima kao što su Javascript ili PHP koji vam omogućuju dodavanje interaktivnosti ili slanje obrazaca poštom.

Različiti dijelovi dokumenta unutar spremnika Body su:

• Zaglavlje: Ovdje se prikazuje naslov web stranice. Može sadržavati logotip, veze, navigacijsku traku ili druge istaknute informacije.
• Navigacija: Ovaj se spremnik koristi za stvaranje navigacijskog izbornika koji daje pristup glavnim dijelovima web stranice.
• Članak: Naziv prilično opisuje funkciju. Koristi se za razlikovanje različitih tema unutar web stranice. Na primjer, ovaj post koji slijedi na glavnoj stranici Linux Adictos.
• Odjeljak: Odvojite različite dijelove članka.
• Po strani: Grupira sadržaj prikazan sa strane stranice.
• Podnožje: Prikazuje informacije na dnu stranice. Često se koristi za prikaz informacija kao što su upute, veze na druge stranice i ponavljanje izbornika.

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

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

A ako bi administratori radili redizajn ili se pojavila nova veličina zaslona, ​​bilo bi potrebno ažurirati stilske listove.

Problem menadžera sadržaja

Iako su upravitelji sadržaja idealni u uvjetima koje smo spomenuli, oni su gubitak resursa u slučaju stranica koje se ne ažuriraju često, kao što su korporativne ili informativne web stranice s malo izmjena.  S druge strane, uključuju korištenje baza podataka i zbog svoje popularnosti često su predmetom napada, što zahtijeva njihovo ažuriranje.

U posebnom slučaju WordPressa, po mom mišljenju, on postaje bloatware. Sve više i 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 je pod načinom plaćanja. I, nisu baš jeftini.

Tu dobro dolaze okviri otvorenog koda poput Bootstrapa.  Zamislite Bootstrap kao kutiju Lego kockica koje se umjesto za izgradnju stvari koriste za izradu web stranica koje se lako prilagođavaju svim veličinama zaslona. Ne morate ponovno izmišljati kotač jer dolazi s gotovo svime što vam može zatrebati poput gumba, ikona i tema. No, u isto vrijeme imate fleksibilnost tako da vaš dizajn ne izgleda kao drugi.

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