A nyílt forráskódú CSS-keretrendszerek (frontend) közül ez a Bootstrap az egyik legnépszerűbb, illetve legjobb. Sokan használják ezt a fejlesztők.
Hivatalos honlapja
Alapfogalma
A Bootstrap egy ingyenes és nyílt forráskódú CSS-keretrendszer, amely a reszponzív, mobil-első szintű webfejlesztésre irányul. HTML-, CSS- és JavaScript-alapú tervezősablonokat tartalmaz tipográfiához, űrlapokhoz, gombokhoz, navigációhoz és egyéb interfész-összetevőkhöz. (forrás, wiki honlapról: https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework))
A Bootstrap az egyik legnépszerűbb webfejlesztési keretrendszere a világon. Egy nagyon jól előkészített, mint egy jól összetett HTML, CSS és JavaScript felhasználásával lehetővé teszi a fejlesztők számára, hogy gyorsan elindítsanak egy teljes értékű responsive(desktopra, tabletre és mobilra optimalizálva) weboldalát.
Sőt ingyenes nyílt forráskódú modelljének köszönhetően, illetve mind frontend és mind backend fejlesztéséhez használhatják, könnyen beilleszthetőek az egy projektbe.
Adatai
Eredeti szerzők:
Mark Otto, Jacob Thornton
Fejlesztők:
Bootstrap Core Team
Első verzió kiadásának dátuma:
2011. Augusztus 19.
Legfrissebb verziója:
5.3.0. / 2023 Május 30.
Programozási nyelvek:
HTML, CSS, Less (v3), Sass (v4) és JavaScript
Platform:
Web platform
Főbb jellemzők és tulajdonságai
- HTML, CSS és JavaScript segítségével megkönnyíti a reszponsive weboldalak létrehozása
- A tervezősablonban szerepelnek, amiket felhasználhatóak és testreszabhatóak:
- tipográfiák
- gombok
- űrlapok
- táblázatok
- navigációk
- rácsok
- egyebek
- Bátrabban testreszabhatja / módosíthatja a színeket, a betűtípusokat, az elrendezéseket és az egyebeket
- Kezdők számára könnyen megtanulhatóak, megkönnyíti a responsive weboldalak létrehozását, mert az induláshoz szükséges összes eszközt tartalmazza és mindent tartalmaz
- A meglévő CSS vagy JS fájl mellé létrehozhatja újabb CSS vagy JS fájlt (például custom.css vagy style.css vagy custom.js vagy main.js), és beszabhatja / fejlesztheti olyan egyedi design elemeket / funkciókat, amiben a Bootstrap-on nem szerepel
- Minden eszközökön alkalmasak: TV-n, desktopon, tableten és mobilon
- A más keretrendszereknél egyelőre kizárólag csak kódkönytárak, amelyeket a saját weboldalain tudnak elhelyezkedni
Előnyei
- Ez egy ingyenes nyílt forráskódú eszköz -> bárki használhatja
- Használata egyszerű, nagyon könnyen testreszabható
- Kezdők számára is ajánlott, azok akik rövid időn belül könnyen megtanulhatja
- Kevesebb időt és kevesebb pénzt takarítanak meg
- Kevesebb a hibalehetőség és több a következetesség
- Google támogatja a Bootstrap-ot, ezért SEO-barát, mint felhasználóbarát eszköz
- Responsive-t támogat és optimalizálva vannak, mint automatikusan átméreteződik az oldalnak megfelelően (TV, desktop, tablet és mobil)
- Mindenhol alkalmasak: weboldalak, webáruházak és blogok
- Saját designeket és elemeket adhat hozzá, ha nem szerepel benne, azaz létrehozhatja mint például: custom.css és custom.js fájlokat
- Nagyjából minden böngészők támogat
Hátrányai
- Kezdők számára több időt igényelnek, mielőtt sikeresen el lesznek sajátítva a dolgok, hisz hatalmas választékok/témák vannak: design elemek, űrlapok, gombok, táblázatok, elrendezések, stb.
- Több kilobájtot fog bővülni, ha külön hozzáadja a design elemeket, ezért emiatt kicsivel lassabban be fog töltődik az oldal sebessége
- A JavaScript a jQuery-hez van kötve, nélküle nem fog működni rendesen
Referenciáim, amelyek Bootstrap keretrendszer alatt készültek
- Megújult a responsive weboldalam (statikus) – Bootstrap 3-as verzióval és jquery használatával
- Megújult a responsive (reszponzív) weboldalam (statikus)
- Létrehoztam az One Pager CV-es weboldalamat
- Családalapításról és gyermekvállalásról álmodozási honlapom
- Felújítottam az önképzési responsive weboldalam 2. rész
Összefoglalás
Én és sokak szerint az egyik leghatékonyabb / legjobb a CSS keretrendszerek (frontend) közül. Amikor sikeresen el lettek sajátítva, biztosan megtalálhatja bárhol munkahelyét, mert nagyon sok cégen keresnek, azokat, akik értenek túl jól a Bootstrap használatát.
Korábbi minden cikkeim, amelyben szerepelnek a Bootstrap
- Felújítottam az önképzési responsive weboldalam 2. rész
- Google PageSpeed Insights - tapasztalatok 2. - statikus megoldások
- Családalapításról és gyermekvállalásról álmodozási honlapom
- Létrehoztam az önképzési responsive weboldalam 1. rész
- Létrehoztam az One Pager CV-es weboldalamat
- Megújult a responsive (reszponzív) weboldalam 2. rész
- Google PageSpeed Insights - tapasztalatok 1. rész
- Megújult a responsive weboldalam 1. rész - Bootstrap 3-as verzióval és jquery használatával
0 Megjegyzések