Bootstrap funkcijos

Šiame antrajame serijos straipsnyje panagrinėkime Bootstrap funkcijas. Tai visa išteklių biblioteka, skirta interneto svetainėms ir programoms kurti, įskaitant šablonus ir elementus, skirtus formoms, šriftams ir meniu ir kt.

Į ankstesnis straipsnis ginčydavomės, kad kartais turinio tvarkytojai nėra pats geriausias pasirinkimas ir tiek kodo rašymas nuo nulio svetainei yra tinkama alternatyva. Tačiau tai nereiškia, kad turime išradinėti dviratį iš naujo. Naudojant tokias sistemas kaip „Bootstrap“ labai sutrumpėja projektavimo laikas ir lengviau pasiekti rezultatų.

Bootstrap funkcijos

Norėdami suprasti „Bootstrap“ ypatybes, turime suprasti interneto svetainės dizaino paradigmos pokytis.

kai jie pasirodė interneto svetainės tiesiog turėjo prisitaikyti prie skirtingų monitorių dydžių. Tačiau laikui bėgant mobilieji telefonai ir planšetiniai kompiuteriai vis dažniau tapo pageidaujamomis vartotojų prieigos priemonėmis. iššūkis buvo padaryti, kad puslapiai prisitaikytų prie skirtingų ekranų, kad vartotojui nereikėtų didinti, mažinti ar perkelti turinio, kad galėtų jį pamatyti.

Iš esmės buvo priimti šie metodai:

• Reaktyvus dizainas: Dizainas toks pat, bet automatiškai pritaikomas prie ekrano dydžio. Šis metodas turi tam tikrų problemų, pavyzdžiui, vartotojas gali būti priverstas priartinti tam tikras puslapio dalis, kad jas matytų.
• Laipsniškas pažanga: Pirmiausia sukuriama įrenginio svetainė su mažiau išteklių (paprastai mobilusis telefonas, nes jo ekranas mažesnis, naršyklė mažiau suderinama su išplėstinėmis funkcijomis ir dažnai norint prisijungti reikia naudoti duomenų planą). Baigus, remiantis šiuo dizainu, pridedamos funkcijos, leidžiančios gauti planšetiniams kompiuteriams, nešiojamiesiems kompiuteriams ir staliniams kompiuteriams skirtą versiją.
• Laipsniškas degradavimas: Tai atvirkštinis kelias. Pirmiausia sukuriama darbalaukio svetainė, o funkcijos pašalinamos, kol gaunama mobiliesiems pritaikyta versija.

Kadangi visada lengviau pridėti nei pašalinti, progresyvi pažanga yra tendencija, kuri sugebėjo vyrauti. B.Pavyzdžiui, „ootstrap“ taiko „pirmiausia mobiliesiems“ metodą, tai reiškia, kad dizaino pagrindas visada yra versija, kuri bus rodoma mažiausiu ekrano dydžiu, ir tada nustatomi pakeitimai, kurie bus atlikti, kai jis bus perkeltas į toliau nurodytus dydžius.

Papildomas Bootstrap naudojimo pranašumas yra susijęs su tuo „Google“ savo paieškoje teikia pirmenybę mobiliesiems pritaikytoms svetainėms.

Kita koncepcija, į kurią turime atsižvelgti, yra skirtumas tarp frontend ir backend dizaino. Priekinis dizainas rūpinasi viskuo, ką vartotojas mato ir su kuo bendrauja. Backend sugrupuoja tai, kas daroma serveryje. Pirmojo pavyzdys yra žiniatinklio forma. Rodoma parinkčių serija, kaip išskleidžiamasis meniu yra priekinės programos dizainas, kad pasirinkta parinktis siunčiama paštu arba įtraukta į duomenų bazę yra užpakalinės dalies dizainas.

„Bootstrap“ yra sistema, jungianti CSS stiliaus elementus ir „Javascript“ programavimą, kad būtų galima valdyti atvaizdavimą ir suteikti interaktyvumo visiems puslapio, sukurto HTML5, komponentams.

Tarp dalykų, kuriuos galime valdyti naudodami „Bootstrap“, yra šie:

• Prieinamumas: Tokie komponentai kaip meniu arba dialogo langai yra suderinami su ekrano skaitytuvais arba tinkami naudoti žmonėms su judėjimo negalia.
• Mygtukai: Įskaitant priemones, stilius, būsenas ir grupavimą.
• Formos:  Įskaitant atvaizdavimą, valdiklių tipus ir įvesties patvirtinimą.
• Vaizdai: valdo įterptų vaizdų kilmę, lygiavimą ir ekrano dydį.
• Navigacijos elementai: Pavyzdžiui, paslėptos šoninės juostos arba vertikalūs arba horizontalūs meniu, priklausomai nuo įrenginio.
• Tipografija: Valdykite, kaip rodomos skirtingos teksto dalys.
• Išdėstymas: Turinio pateikimo reguliavimas priklausomai nuo įrenginio

Kitame straipsnyje pamatysime keletą praktinių jo naudojimo pavyzdžių.