Kung hindi mo pa naririnig ang tungkol sa Bootstrap, isang balangkas na binuo ng Twitter para sa paggawa ng magagandang website, nawawala ka! Ginagawa ng Bootstrap na medyo mabilis at madaling magdisenyo ng isang website nang walang maraming kaalaman sa CSS (Cascading Style Sheets). Kung bago ka sa programming para sa web, hindi mo kailangang malaman ang isang bagay tungkol sa CSS upang simulan ang pag-aaral kung paano gumagana ang Bootstrap; ang kailangan mo lang ay isang solong dokumento ng HTML. Titingnan namin ang Bootstrap, ipinapakita sa iyo kung ano ang tungkol sa, kung paano ito gumagana, at kung ito ay isang mahusay na pagpipilian para sa bawat website na iyong binuo.
Pagpasok ng Bootstrap API Sa Iyong HTML File
Mayroon kang ilang mga pagpipilian para sa pagpasok ng Bootstrap sa iyong pangunahing file ng proyekto. Ang unang pagpipilian ay upang ipasok ang lahat ng kinakailangang mga file ng Bootstrap sa iyong proyekto. Maaari mong gawin ito sa pamamagitan ng pag-download ng package at i-upload ito sa iyong folder ng proyekto. Siyempre, kailangan mong i-link ang pangunahing file ng Bootstrap CSS sa iyong dokumento. Ang opisyal na website ng Bootstrap ay may gabay na hakbang-hakbang sa kung paano ito gagawin.
Ang iba pang pagpipilian ay laktawan ang pag-download ng package at gumamit ng isang Network ng Paghahatid ng Nilalaman (CDN). Pinapayagan ka ng isang CDN na mai-link ang pangunahing mga file ng Bootstrap sa iyong HTML na dokumento nang hindi kailanman nai-download ito. Ito, siyempre, ay hindi palaging isang mabuting bagay para sa mga propesyonal na website, dahil hindi ako masyadong mabilis na iwanan ang aking negosyo o pahina ng portfolio sa kapalaran kung ang server na iyon ay kailanman bababa. Pinakamabuting magkaroon ng mga file sa iyong proyekto, ngunit para sa layunin ng pag-aaral, ang CDN ay gagawa lamang ng maayos.
Upang ipasok ang Bootstrap sa iyong dokumento ng HTML, kakailanganin mong ilagay ang sumusunod na code sa loob ng
tag sa iyong HTML dokumento:Kapag naipasok ang mga link na iyon sa head tag na iyon, dapat mong naitakda ang lahat upang simulan ang paggamit ng mga klase ng Bootstrap. Ang iyong dokumento ay dapat magmukhang ganito:
Bootstrap At Mga Klase
Ang mga elemento ng bootstrap ay nasira sa mga klase, na kung saan ay isang bungkos lamang ng mga naunang nakasulat na CSS na maaari mong ipasok sa iyong markup. Ang pagpasok ng mga klase sa iyong markup ay madali, kailangan mo lamang malaman ang pangalan ng klase na nais mong gamitin at pagkatapos ay ilapat ito sa isa sa iyong mga elemento ng HTML gamit ang halaga ng = "classname" na halaga, tulad ng tinalakay sa isang nakaraang artikulo.
Ang mahirap na bahagi ay naiisip kung paano ang lahat na gumagana upang lumikha ng isang bagay na maganda. Maaari mong suriin ang lahat ng iba't ibang mga klase na magagamit sa Bootstrap nang diretso mula sa opisyal na dokumentasyon. Ngayon, ang mastering Bootstrap ay isa pang kwento. Iyon ay hindi isang bagay na maaari nating turuan o sino pa man. Maaari kang manood ng tutorial pagkatapos ng tutorial, ngunit upang makakuha ng mahusay sa paggamit ng balangkas, na may maraming pagsubok at error. At, na kailangan mong makakuha ng hands-on sa iyong sariling mga proyekto.
Sa pag-iisip, hinihiling ko sa iyo na simulan ang iyong sariling proyekto sa HTML sa iyong computer gamit ang Atom o ilang iba pang text editor, suriin kung ano ang lahat ng mga klase sa HTML at CSS, at pagkatapos ay simulang maglaro sa Bootstrap. At kung alam mo ang sapat na markup, marahil lumikha ng iyong sariling portfolio website bilang isang ehersisyo sa pagsubok.
Ang Bootstrap Ay Isang Mahusay na Pagpipilian Para sa bawat Website?
Ang Bootstrap ay isang mahusay na balangkas, ngunit ito ba ay isang mabuting pagpipilian para sa bawat website na nilikha mo? Ito ay tunay na nakasalalay sa nag-develop pati na rin ang mga kinakailangan ng proyekto. Sa maraming mga propesyonal na kapaligiran, hindi ka talaga makakapili ng kung anong mga teknolohiya ang ginagamit mo, dahil sa kalakhan nito hanggang sa Project Manager. Kung sinabi ng Project Manager na gagamitin ang Bootstrap, sasamahan mo rin ito ng isang tonelada ng pasadyang CSS. Ito ang karaniwang ginagawa ng iyong website na kakaiba at naiiba sa iba pang mga website gamit ang Bootstrap.
Ako, sa personal, ay hindi nakikita ang Bootstrap bilang isang mahusay na pagpipilian para sa bawat website. Sigurado, makakatulong ito at magbigay ng ilang mga shortcut, ngunit sa huli ay natagpuan ko na ang pagdidisenyo mula sa ground-up sa CSS ay ang pinakamahusay na ruta na higit sa lahat dahil sa kontrol na mayroon ka nito. Ngunit sa sandaling muli, kung nagsisimula ka lang sa web programming, hindi masamang gamitin ang Bootstrap, ngunit huwag umasa sa iyong karera.
Ito ay nagkakahalaga na tandaan na kung ikaw ay isang developer ng baguhan, hindi mo dapat gamitin ang Bootstrap para sa lahat ng mga proyekto sa iyong portfolio. Maaari itong makita na maaari kang maging mahusay sa API, ngunit hindi mo lubos na alam ang iyong paraan sa paligid ng CSS. Iyon ay sinabi, mabuti na magkaroon ng isang disenteng halo ng pareho sa iyong portfolio (o kahit na eksklusibo na CSS, dahil madali itong kunin ang Bootstrap).
Pagsara
Iyon ang lahat ng kung ano ang Bootstrap sa isang maikling salita. Tulad ng nabanggit ko kanina, hinihikayat ko kayo na simulan ang iyong sariling proyekto ng HTML at magdagdag ng ilan sa iba't ibang mga klase sa mga elemento upang simulang maglaro sa paligid ng balangkas. Maaari mong mahanap ang lahat ng iba't ibang mga sangkap na nag-aalok ng Bootstrap na may mga paliwanag at mga halimbawa ng code dito.
Ang Bootstrap ay tunay na isang masinop na tool, ngunit tandaan na huwag umasa lamang dito! Mahusay na maging pamilyar dito at malaman ang iyong paraan sa paligid ng balangkas, ngunit siguraduhin din na sumisid ka sa CSS upang tunay na maunawaan kung ano ang nangyayari sa likod ng mga eksena. Hindi lamang iyon, ngunit isang matatag na kaalaman sa mga CSS na papuri na Bootstrap ng maraming, na nagpapahintulot sa iyo na tunay na gumawa ng ilang natatanging at magandang mga website gamit ang iyong sariling pagpapasadya.
