Karakteristikat e Bootstrap

Në këtë artikull të dytë të serisë le të merremi me veçoritë e Bootstrap. Është një bibliotekë e plotë burimesh për hartimin e faqeve të internetit dhe aplikacioneve, duke përfshirë shabllone dhe elementë për forma, fontet dhe menutë, ndër të tjera.

Në artikulli i mëparshëm ne argumentuam se ka raste kur menaxherët e përmbajtjes nuk janë alternativa më e mirë dhe kjo shkrimi i kodit nga e para për një faqe interneti është alternativa e duhur. Megjithatë, kjo nuk do të thotë që ne duhet të rishpikim timonin. Përdorimi i kornizave si Bootstrap redukton shumë kohën e projektimit dhe e bën më të lehtë marrjen e rezultateve.

Karakteristikat e Bootstrap

Për të kuptuar veçoritë e Bootstrap, duhet të kuptojmë ndryshimi i paradigmës në hartimin e faqes në internet.

kur u shfaqën faqet e internetit thjesht duhej të përshtateshin me madhësitë e ndryshme të monitorëve. Por, me kalimin e kohës, telefonat celularë dhe tabletët janë bërë gjithnjë e më shumë mjetet e preferuara të aksesit për përdoruesit. Sfida ishte që faqet të përshtateshin me ekranet e ndryshme pa pasur nevojë që përdoruesi të zmadhonte, zvogëlonte ose lëvizte përmbajtjen për ta parë atë.

Në parim u miratuan qasjet e mëposhtme:

• Dizajn të përgjegjshëm: Dizajni është i njëjtë, por përshtatet automatikisht me madhësinë e ekranit. Kjo qasje ka disa probleme si p.sh. përdoruesi mund të detyrohet të zmadhojë në seksione të caktuara të faqes për t'i parë ato.
• Përparim progresiv: Fillon me dizajnimin e sajtit për pajisjen me më pak burime (përgjithësisht celularin sepse ka një ekran më të vogël, një shfletues me më pak përputhshmëri për veçoritë e avancuara dhe shpesh kërkon përdorimin e një plani të dhënash për t'u lidhur). Pasi të përfundojë, bazuar në këtë dizajn, shtohen veçori për të marrë versionin për tabletët, laptopët dhe kompjuterët desktop.
• Degradimi gradual: Është rruga e kundërt. Faqja e desktopit krijohet fillimisht dhe veçoritë hiqen derisa të merret një version i përshtatshëm për celularin.

Meqenëse është gjithmonë më e lehtë të shtosh sesa të hiqet, përparimi progresiv është trendi që arriti të mbizotërojë. B.ootstrap për shembull merr qasjen "mobile pari"., që do të thotë se baza e dizajnit është gjithmonë versioni që do të shfaqet në madhësinë më të vogël të ekranit dhe më pas vendosen modifikimet që do të bëhen pasi kalohet në madhësitë që vijojnë.

Një avantazh shtesë i përdorimit të Bootstrap ka të bëjë me faktin se Google u jep përparësi faqeve miqësore me celular në kërkimet e tij.

Një koncept tjetër që duhet të marrim parasysh është ndryshimi midis dizajnit të frontendit dhe atij të pasme. Dizajni i pjesës së përparme kujdeset për gjithçka që shikon përdoruesi dhe gjithçka me të cilën ndërvepron. Backend grupon atë që bëhet në server. Një shembull i të parës është ai i një forme web. Shfaqja e një serie opsionesh tregohet si një meny rënëse është dizajni i frontendit, që opsioni i zgjedhur dërgohet me postë ose shtohet në një bazë të dhënash është dizajn i prapavijës.

Bootstrap është një kornizë që kombinon elemente të stilit CSS dhe programimit Javascript për të kontrolluar paraqitjen dhe për t'i dhënë ndërveprim të gjithë komponentëve të një faqeje të zhvilluar në HTML5.

Ndër gjërat që mund të kontrollojmë me Bootstrap janë:

• accessibility: Komponentët si menytë ose dialogët janë të pajtueshëm me lexuesit e ekranit ose të përshtatshëm për t'u përdorur nga njerëz me lëvizshmëri të zvogëluar.
• Butonat: Përfshirë masat, stilet, gjendjet dhe grupimin.
• Format:  Përfshirë paraqitjen, llojet e kontrolleve dhe vërtetimin e hyrjes.
• Skulpturë: Kontrollon origjinën, shtrirjen dhe madhësinë e ekranit të imazheve të futura.
• Elementet e navigimit: Për shembull, shiritat anësor të fshehur ose menutë vertikale ose horizontale në varësi të pajisjes.
• Tipografia: Kontrolloni se si shfaqen pjesë të ndryshme të tekstit.
• Struktura: Rregullimi i paraqitjes së përmbajtjes në varësi të pajisjes

Në artikullin vijues do të shohim disa shembuj praktikë të përdorimit të tij.