Bootstrap funkcijas

Šajā sērijas otrajā rakstā tiksim galā ar Bootstrap funkcijām. Tā ir pilnīga resursu bibliotēka tīmekļa vietņu un lietojumprogrammu izstrādei, tostarp veidņu, fontu un izvēlņu veidnes un elementi.

Jo iepriekšējais raksts mēs strīdējāmies, ka ir gadījumi, kad satura pārvaldnieki nav labākais risinājums, un tas koda rakstīšana no nulles vietnei ir pareizā alternatīva. Tomēr tas nenozīmē, ka mums ir jāizgudro ritenis no jauna. Tādu ietvaru kā Bootstrap izmantošana ievērojami samazina projektēšanas laiku un atvieglo rezultātu sasniegšanu.

Bootstrap funkcijas

Lai saprastu Bootstrap funkcijas, mums ir jāsaprot paradigmas maiņa vietņu dizainā.

kad tie parādījās tīmekļa vietnēm vienkārši bija jāpielāgojas dažāda izmēra monitoriem. Taču laika gaitā mobilie tālruņi un planšetdatori arvien vairāk ir kļuvuši par lietotāju iecienītākajiem piekļuves līdzekļiem. izaicinājums bija panākt, lai lapas pielāgotos dažādiem ekrāniem, lai lietotājam nebūtu jāpalielina, jāsamazina vai jāpārvieto saturs, lai to varētu redzēt.

Principā tika pieņemtas šādas pieejas:

• Atsaucīgs dizains: Dizains ir tāds pats, bet automātiski pielāgots ekrāna izmēram. Šai pieejai ir dažas problēmas, piemēram, lietotājs var būt spiests tuvināt noteiktas lapas sadaļas, lai tās redzētu.
• Progresīvs progress: Tas sākas, izveidojot vietni ierīcei ar mazākiem resursiem (parasti mobilais tālrunis, jo tam ir mazāks ekrāns, pārlūkprogramma ar mazāku saderību ar papildu funkcijām, un bieži vien savienojuma izveidei ir jāizmanto datu plāns). Kad tas ir pabeigts, pamatojoties uz šo dizainu, tiek pievienotas funkcijas, lai iegūtu versiju planšetdatoriem, piezīmjdatoriem un galddatoriem.
• Pakāpeniska degradācija: Tas ir apgrieztais ceļš. Vispirms tiek izveidota darbvirsmas vietne un funkcijas tiek noņemtas, līdz tiek iegūta mobilajām ierīcēm piemērota versija.

Tā kā vienmēr ir vieglāk pievienot nekā noņemt, progresīvā virzība ir tendence, kurai izdevās dominēt. B.piemēram, ootstrap izmanto pieeju “vispirms mobilās ierīces”., proti, dizaina pamatā vienmēr ir versija, kas tiks rādīta mazākajā ekrāna izmērā, un pēc tam tiek noteiktas izmaiņas, kas tiks veiktas, pārejot uz nākamajiem izmēriem.

Papildu Bootstrap izmantošanas priekšrocība ir saistīta ar faktu, ka Google meklējumos par prioritāti piešķir mobilajām ierīcēm draudzīgām vietnēm.

Vēl viens jēdziens, kas mums jāņem vērā, ir atšķirība starp frontend un backend dizainu. Priekšgala dizains rūpējas par visu, ko lietotājs redz, un visu, ar ko viņi mijiedarbojas. Aizmugursistēma grupē to, kas tiek darīts serverī. Pirmā piemērs ir tīmekļa veidlapa. Tiek rādīta opciju sērija, kā nolaižamā izvēlne ir priekšgala dizains, ka izvēlētā opcija tiek nosūtīta pa pastu vai pievienota datubāzei, ir aizmugursistēmas dizains.

Bootstrap ir ietvars, kas apvieno CSS stila elementus un Javascript programmēšanu, lai kontrolētu renderēšanu un nodrošinātu interaktivitāti visiem lapas komponentiem, kas izstrādāti HTML5.

Viena no lietām, ko mēs varam kontrolēt, izmantojot Bootstrap, ir:

• Pieejamība: Tādas sastāvdaļas kā izvēlnes vai dialoglodziņi ir saderīgi ar ekrāna lasītājiem vai ir piemēroti lietošanai cilvēkiem ar ierobežotām pārvietošanās spējām.
• Pogas: Tostarp mēri, stili, stāvokļi un grupēšana.
• Veidlapas:  Tostarp renderēšana, vadīklu veidi un ievades validācija.
• Tēlainība: kontrolē ievietoto attēlu izcelsmi, līdzinājumu un ekrāna izmēru.
• Navigācijas elementi: Piemēram, paslēpjamas sānjoslas vai vertikālas vai horizontālas izvēlnes atkarībā no ierīces.
• Tipogrāfija: Kontrolējiet, kā tiek parādītas dažādas teksta daļas.
• Izkārtojums: Satura renderēšanas pielāgošana atkarībā no ierīces

Nākamajā rakstā mēs redzēsim dažus praktiskus tā izmantošanas piemērus.