Jei niekada negirdėjote apie „Bootstrap“, „Twitter“ sukurtą gražių svetainių kūrimo sistemą, praleidžiate! Paleidus kompiuterį, gana greitai ir nesudėtinga sukurti svetainę, neturint daug žinių CSS (Cascading Style Sheets). Jei dar nesate žiniatinklio programavimas, jums nereikia žinoti nieko apie CSS, kad galėtumėte išmokti, kaip veikia „Bootstrap“; viskas, ko jums reikės, yra vienas HTML dokumentas. Pažiūrėsime į „Bootstrap“, parodydami, kas tai yra, kaip jis veikia ir ar tai geras pasirinkimas kiekvienai jūsų kuriamajai svetainei.
„Bootstrap“ API įdėjimas į HTML failą
Turite keletą variantų, kaip įterpti „Bootstrap“ į savo pagrindinio projekto failą. Pirmasis variantas yra įterpti visus reikalingus „Bootstrap“ failus į savo projektą. Tai galite padaryti atsisiųsdami paketą ir įkeldami jį į savo projekto aplanką. Jūs, be abejo, turėsite susieti pirminį „Bootstrap CSS“ failą su savo dokumentu. Oficialioje „Bootstrap“ svetainėje yra nuoseklus vadovas, kaip tai padaryti.
Kita galimybė yra praleisti paketo atsisiuntimą ir naudoti turinio pristatymo tinklą (CDN). CDN leidžia susieti pirminius „Bootstrap“ failus su HTML dokumentu, niekada jo neatsiųsdami. Tai, žinoma, ne visada yra geras dalykas profesionalioms svetainėms, nes nebūčiau per greitas palikdamas savo verslo ar aplanko puslapį likimui, jei tas serveris kada nors sumažėtų. Geriausia, jei failai yra jūsų projekte, tačiau norint išmokti CDN bus viskas gerai.
Norėdami įterpti „Bootstrap“ į savo HTML dokumentą, jums tereiks įterpti šį kodą
žyma HTML dokumente:Kai šios nuorodos bus įdėtos į tą galvos žymę, turėtumėte viską pradėti naudoti „Bootstrap“ klases. Jūsų dokumentas turėtų atrodyti taip:
Bagažinė ir klasės
„Bootstrap“ elementai yra suskirstomi į klases, kurios yra tik krūva iš anksto parašytų CSS, kuriuos galite įterpti į savo žymėjimą. Įterpti klases į žymėjimą yra lengva, tereikia žinoti klasės, kurią norite naudoti, pavadinimą ir tada pritaikyti jį vienam iš savo HTML elementų, naudodami reikšmę class = ”classname”, kaip aptarta ankstesniame straipsnyje.
Sudėtinga išsiaiškinti, kaip visa tai veikia kartu, kad sukurtų ką nors gražaus. Galite patikrinti visas skirtingas „Bootstrap“ klases, tiesiogiai iš oficialios dokumentacijos. Dabar „Bootstrap“ įsisavinimas yra dar viena istorija. Tai nėra kažkas, ko mes ar kas nors kitas galime jus išmokyti. Galite žiūrėti mokymo programą po pamokymo, bet norėdami gerai išmokti naudotis sistema, reikia atlikti daug bandymų ir klaidų. Ir tam reikia turėti žinių apie tai įgyvendinant savo projektus.
Turėdamas tai omenyje, prašau jūsų kompiuteryje paleisti savo HTML projektą naudojant „Atom“ ar kitą teksto rengyklę, peržiūrėti HTML ir CSS klases ir tada pradėti žaisti su „Bootstrap“. Ir jei žinote pakankamai žymėjimo, galbūt net sukurkite savo portfelio svetainę kaip bandymo pratimą.
Ar „Bootstrap“ yra tinkamas pasirinkimas kiekvienai svetainei?
„Bootstrap“ yra puiki sistema, tačiau ar ji yra perspektyvi kiekvienos jūsų kuriamos svetainės galimybė? Tai tikrai priklauso nuo kūrėjo ir nuo projekto reikalavimų. Daugelyje profesinių aplinkų tikrai neturėsite galimybės pasirinkti, kokias technologijas naudojate, nes tai daugiausia teks projekto vadovui. Jei minėtas projekto vadovas pasirinks naudoti „Bootstrap“, jūs taip pat derinsite jį su daugybe pasirinktinių CSS. Būtent tai daro jūsų svetainę išskirtine ir skirtinga nuo kitų svetainių, naudojančių „Bootstrap“.
Aš asmeniškai nematau „Bootstrap“ kaip puikios galimybės kiekvienai svetainei. Žinoma, tai gali padėti ir suteikti tam tikrų nuorodų, bet aš galų gale įsitikinau, kad projektavimas nuo pat pradžių naudojant CSS yra geriausias maršrutas, daugiausia dėl jūsų turimos kontrolės. Bet dar kartą, jei jūs tik pradedate programuoti žiniatinklyje, visai nėra blogai naudoti „Bootstrap“, bet ir nepasikliaukite ja savo karjeroje.
Verta paminėti, kad jei esate pradedantysis kūrėjas, neturėtumėte naudoti „Bootstrap“ visiems savo portfelio projektams. Gali atsitikti, kad gali būti įgudęs su API, tačiau jūs visiškai nežinote savo kelio aplink CSS. Vis dėlto gerai, jei jūsų portfelyje yra tinkamas abiejų variantų derinys (arba net tik CSS, nes nesunku pasiimti „Bootstrap“).
Uždarymas
Tai viskas, kas yra „Bootstrap“ trumpai. Kaip jau minėjau anksčiau, aš raginu pradėti savo HTML projektą ir pridėti keletą skirtingų klasių prie elementų, kad pradėtumėte žaisti su sistema. Čia galite rasti visus skirtingus „Bootstrap“ siūlomus komponentus su paaiškinimais ir kodo pavyzdžiais.
„Bootstrap“ tikrai yra tvarkingas įrankis, tačiau nepamirškite pasikliauti tik juo! Verta žinoti apie tai ir žinoti savo kelią aplink sistemą, tačiau taip pat įsitikinkite, kad pasineriate į CSS, kad tikrai suprastumėte, kas vyksta užkulisiuose. Ne tik tai, bet ir tvirtos CSS žinios pagyvina „Bootstrap“, leidžiančią jums tikrai sukurti unikalias ir gražias svetaines, kurias galite pritaikyti patys.
