Če še nikoli niste slišali za Bootstrap, okvir, ki ga je razvil Twitter za izdelavo čudovitih spletnih strani, pogrešate! Bootstrap omogoča precej hitro in enostavno oblikovanje spletnega mesta brez veliko znanja o CSS (Cascading Style Sheets). Če ste novi za programiranje za splet, vam ni treba vedeti o CSS, da se začnete učiti, kako deluje Bootstrap; vse, kar potrebujete, je en dokument HTML. Ogledali si bomo Bootstrap in vam pokazali, za kaj gre, kako deluje in ali je dobra možnost za vsako spletno mesto, ki ga zgradite.
Vstavljanje datoteke Bootstrap v svojo datoteko HTML
Na voljo imate nekaj možnosti za vstavljanje programa Bootstrap v glavno datoteko projekta. Prva možnost je, da v svoj projekt vstavite vse potrebne datoteke Bootstrap. To lahko storite tako, da naložite paket in ga naložite v mapo projekta. Seveda boste morali povezati primarno datoteko CSS Bootstrap s svojim dokumentom. Na uradnem spletnem mestu Bootstrapa je navodila za to, kako to storiti.
Druga možnost je preskočiti prenos paketa in uporabiti omrežje za dostavo vsebine (CDN). CDN vam omogoča, da primarne datoteke Bootstrap povežete s svojim HTML dokumentom, ne da bi ga kdaj prenesli. To seveda ni vedno dobra stvar za profesionalna spletna mesta, saj ne bi prehitro prepustil usode svojega podjetja ali portfelja, če bi ta strežnik kdaj padel. Najbolje je, da imate datoteke v svojem projektu, toda za namene učenja bo CDN naredil prav.
Če želite Bootstrap vstaviti v svoj dokument HTML, morate v okno vstaviti naslednjo kodo
v svojem dokumentu HTML:Ko so te povezave vstavljene v to glavno oznako, morate biti pripravljeni, da začnete uporabljati razrede Bootstrap. Vaš dokument mora izgledati nekako takole:
Poteza in razredi
Elementi zagonske plošče so razdeljeni na razrede, ki so le kup vnaprej napisanih CSS, ki jih lahko vstavite v svojo oznako. Vstavljanje razredov v vašo oznako je enostavno, le vedeti morate ime razreda, ki ga želite uporabiti, in ga nato uporabiti na enem od vaših elementov HTML z uporabo vrednosti class = "classname", kot je razloženo v prejšnjem članku.
Težaven del je ugotoviti, kako vse to deluje skupaj, da ustvariš nekaj lepega. Vse različne razrede, ki so na voljo v Bootstrapu, si lahko ogledate neposredno iz uradne dokumentacije. Zdaj je obvladovanje Bootstrapa druga zgodba. Tega se ne moremo naučiti tega ali koga drugega. Navodila si lahko ogledate po vadbi, toda če želite dobro uporabiti okvir, je to veliko poskusov in napak. In to zahteva, da se tega lotite pri svojih projektih.
Glede na to vas naprošam, da v Atomu ali kakšnem drugem urejevalniku besedil začnete svoj HTML projekt v računalniku, preverite, kaj vse vsebujeta razrede HTML in CSS, in se nato začnete igrati z Bootstrapom. Če poznate dovolj označb, morda celo ustvarite svoje spletno mesto portfelja kot testno vajo.
Ali je Bootstrap izvedljiva možnost za vsako spletno mesto?
Bootstrap je odličen okvir, toda ali je izvedljiva možnost za vsako spletno mesto, ki ga ustvarite? Resnično je odvisno od razvijalca, pa tudi zahtev projekta. V mnogih poklicnih okoljih res ne boste mogli izbirati, katere tehnologije uporabljate, saj bo to v veliki meri odvisno od vodje projektov. Če se omenjeni vodja projektov odloči za uporabo programa Bootstrap, ga boste kombinirali tudi s tono CSS po meri. To je tisto, kar na splošno vaše spletno mesto unikatno razlikuje od drugih spletnih strani, ki uporabljajo Bootstrap.
Jaz osebno ne vidim Bootstrapa kot odlične možnosti za vsako spletno mesto. Seveda, lahko pomaga in zagotovi nekaj bližnjic, vendar sem na koncu ugotovil, da je načrtovanje od začetka s pomočjo CSS najboljša pot, predvsem zaradi nadzora nad njim. Toda še enkrat, če se šele začnete ukvarjati s spletnim programiranjem, Bootstrap sploh ni slabo uporabljati, vendar se na svojo kariero ne zanašajte.
Omeniti velja, da če niste začetnik razvijalca, ne smete uporabljati Bootstrap za vse projekte v svojem portfelju. Ugotovimo lahko, da ste morda izkušeni z API-jem, vendar ne poznate povsem svojega načina CSS. Glede na to je dobro imeti v svojem portfelju spodobno mešanico obojega (ali celo izključno CSS, saj je Bootstrap enostavno prevzeti).
Zapiranje
To je vse, kar je Bootstrap na kratko. Kot sem že omenil, vas spodbujam, da začnete svoj lastni projekt HTML in dodate nekaj različnih razredov elementom, da se začnete igrati z ogrodjem. Vse različne komponente, ki jih ponuja Bootstrap, s pojasnili in primeri kod najdete tukaj.
Bootstrap je resnično lepo orodje, vendar ne pozabite, da se nanj ne zanašate samo! Dobro je biti seznanjen z njim in poznati svojo pot okoli okvira, hkrati pa se prepričajte, da se potopite v CSS, da resnično razumete, kaj se dogaja v zakulisju. Ne samo to, temveč trdno znanje o CSS-ju pohvale Bootstrapu veliko, kar vam omogoča, da resnično naredite nekaj edinstvenih in lepih spletnih mest z lastno prilagoditvijo.
