Ja jūs nekad neesat dzirdējis par Bootstrap, Twitter izstrādātu ietvaru skaistu vietņu veidošanai, jūs garām! Bootstrap ļauj diezgan ātri un viegli izveidot vietni bez daudz zināšanām CSS (Cascading Style Sheets). Ja esat iesācējs Web programmēšanā, jums nav jāzina nekas par CSS, lai sāktu uzzināt, kā darbojas Bootstrap; jums būs nepieciešams tikai viens HTML dokuments. Mēs apskatīsim Bootstrap, parādīsim, par ko tas ir domāts, kā tas darbojas un vai tas ir labs risinājums katrai jūsu veidotajai vietnei.
Bootstrap API ievietošana HTML failā
Jums ir dažas iespējas Bootstrap ievietošanai galvenā projekta failā. Pirmā iespēja ir ievietot projektā visus nepieciešamos Bootstrap failus. To var izdarīt, lejupielādējot pakotni un augšupielādējot to projekta mapē. Protams, jums būs jāsaista primārais Bootstrap CSS fails ar savu dokumentu. Bootstrap oficiālajā tīmekļa vietnē ir soli pa solim, kā to izdarīt.
Otra iespēja ir izlaist paketes lejupielādi un izmantot satura piegādes tīklu (CDN). CDN ļauj jums saistīt primāros sāknēšanas failus ar HTML dokumentu, nekad to lejupielādējot. Tas, protams, ne vienmēr ir laba lieta profesionālām vietnēm, jo es nevarētu pārāk ātri atstāt sava biznesa vai portfeļa lapu liktenim, ja šis serveris kādreiz nokristu. Vislabāk, ja faili ir jūsu projektā, bet mācību nolūkā CDN veiksies tikai lieliski.
Lai HTML dokumentā ievietotu Bootstrap, jums vienkārši jāievieto šis kods
tags jūsu HTML dokumentā:Kad šīs saites ir ievietotas galvenajā tagā, jums vajadzētu būt gataviem sākt lietot Bootstrap nodarbības. Jūsu dokumentam vajadzētu izskatīties apmēram šādi:
Bootstrap un nodarbības
Sāknēšanas elementi tiek sadalīti klasēs, kas ir tikai ķekars iepriekš uzrakstītas CSS, kuras varat ievietot marķējumā. Klašu ievietošana marķējumā ir vienkārša, jums vienkārši jāzina tās klases nosaukums, kuru vēlaties izmantot, un pēc tam jāpielieto tas kādam no jūsu HTML elementiem, izmantojot vērtību class = ”classname”, kā aprakstīts iepriekšējā rakstā.
Grūtākais ir izdomāt, kā tas viss darbojas kopā, lai radītu kaut ko skaistu. Varat pārbaudīt visas dažādās Bootstrap pieejamās klases tieši no oficiālās dokumentācijas. Tagad Bootstrap apgūšana ir cits stāsts. Tas nav kaut kas, ko mēs vai kāds cits varam jums iemācīt. Jūs varat skatīties apmācību pēc apmācības, bet, lai labi lietotu ietvaru, tas ir saistīts ar daudz izmēģinājumu un kļūdu. Un tas prasa, lai jūs to praktiski izmantotu savos projektos.
Paturot to prātā, es jūs iesaku sākt savu HTML projektu datorā, izmantojot Atom vai kādu citu teksta redaktoru, pārskatīt HTML un CSS klases būtību un tad sākt spēlēt ar Bootstrap. Un, ja jūs zināt pietiekami daudz atzīmju, varbūt pat izveidojiet savu portfeļa vietni kā testa vingrinājumu.
Vai Bootstrap ir reāls risinājums katrai vietnei?
Bootstrap ir lielisks ietvars, bet vai tas ir reāls risinājums katrai jūsu izveidotajai vietnei? Tas patiesi ir atkarīgs no izstrādātāja, kā arī no projekta prasībām. Daudzās profesionālās vidēs jums nebūs īsti izvēles, kādas tehnoloģijas jūs izmantojat, jo tas lielā mērā būs atkarīgs no projekta vadītāja. Ja projekta vadītājs izvēlas izmantot Bootstrap, jūs to apvienosit arī ar ļoti daudzām pielāgotajām CSS. Tas parasti padara jūsu vietni unikālu un atšķirīgu no citām vietnēm, izmantojot Bootstrap.
Es personīgi neredzu Bootstrap kā lielisku iespēju katrai vietnei. Protams, tas var palīdzēt un sniegt dažus saīsnes, taču galu galā esmu secinājis, ka projektēšana, sākot ar CSS, ir labākais ceļš, galvenokārt tāpēc, ka jums ir tā kontrole. Bet atkal, ja jūs tikko sākat darbu tīmekļa programmēšanā, vispār nav slikti lietot Bootstrap, bet nepaļaujieties uz to savā karjerā.
Ir vērts atzīmēt, ka, ja esat iesācējs izstrādātājs, jums nevajadzētu izmantot Bootstrap visiem projektiem jūsu portfelī. Var gadīties, ka jūs varētu būt lietpratējs ar API, taču jūs pilnībā nezināt savu ceļu uz CSS. Tas nozīmē, ka ir labi, ja jūsu portfolio (vai pat tikai CSS, jo ir viegli uzņemt Bootstrap) ir pienācīgs abu apvienojums.
Noslēgums
Tas ir viss, kas Bootstrap ir īsumā. Kā jau iepriekš minēju, es aicinu jūs sākt savu HTML projektu un pievienot elementiem dažas no dažādajām klasēm, lai sāktu spēlēt kopā ar sistēmu. Šeit atrodami visi dažādi Bootstrap piedāvātie komponenti ar skaidrojumiem un kodu piemēriem.
Bootstrap patiesi ir veikls rīks, taču atcerieties nepaļauties tikai uz to! Ir labi to pārzināt un zināt savu ceļu apkārt ietvariem, kā arī pārliecinieties, ka esat ienācis CSS, lai patiesi saprastu, kas notiek aizkulišu ainas. Ne tikai tas, bet arī stingras zināšanas CSS komplimentē Bootstrap, ļaujot jums patiešām izveidot dažas unikālas un skaistas vietnes ar savu pielāgojumu.
