Korrikula e Trajnimit
-
Çka është Bootstrap & Pse përdoret ?Leksioni1.1
-
Si funksionin Bootstrap & Ambienti punuesLeksioni1.2
-
HyrjeLeksioni2.1
-
Media QueryLeksioni2.2
-
Kreu dhe Tipografia (Heading and Typography)Leksioni2.3
-
Renditja dhe Paraqitja e tekstitLeksioni2.4
-
Renditja dhe Pozicionimi i elemeteveLeksioni2.5
-
Ngjyra dhe PrapavijaLeksioni2.6
-
Hapësira brenda dhe jashtë elementitLeksioni2.7
-
Gjerësisë, Gjatësisë dhe KufizimiLeksioni2.8
-
Kuizi – Bootstrap Mësimi I 10 questionsQuiz2.1
-
KontejneriLeksioni3.1
-
Butonat dhe Grupimi i ButonaveLeksioni3.2
-
NavigimiLeksioni3.3
-
Listimi gruporLeksioni3.4
-
FormatLeksioni3.5
-
Grupimi për elementet e formësLeksioni3.6
-
NjoftimetLeksioni3.7
-
Tabelat dhe NumërtimetLeksioni3.8
-
KartatLeksioni3.9
-
MediaLeksioni3.10
-
JumbotronLeksioni3.11
-
Kuizi – Bootstrap Mësimi II 0 questionQuiz3.1
-
Sistemi GridLeksioni4.1
-
Renditja e elementeveLeksioni4.2
-
FlexboxLeksioni4.3
-
Hapësirat & MbështjellësiLeksioni4.4
-
Kuizi – Bootstrap Mësimi III 0 questionQuiz4.1
-
CarouselLeksioni5.1
-
Collapse & AccordionLeksioni5.2
-
TooltipsLeksioni5.3
-
PopoverLeksioni5.4
-
Modal FormaLeksioni5.5
-
ScrollSpyLeksioni5.6
-
Kuizi – Bootstrap Mësimi IV 0 questionQuiz5.1
-
Përshkrimi i projektitLeksioni6.1
-
Krijimi i ambientitLeksioni6.2
-
Seksioni NavigimiLeksioni6.3
-
Seksioni BallinaLeksioni6.4
-
Seksioni EksploroLeksioni6.5
-
Seksioni KrijoLeksioni6.6
-
Seksioni ShpërndajLeksioni6.7
-
Seksioni FundiLeksioni6.8
-
Informata për trajniminLeksioni7.1
-
Çka pas trajnimitLeksioni7.2
Hyrje në Bootstrap 2
Shërbimet(Utilities) 9
CSS Komponentet 12
Sistemi Grid 5
JavaScript Module 7
Projekti për Social Media 8
Përfundimi 2
Si funksionin Bootstrap & Ambienti punues
Si funksionin Bootstrap?
Bootstrap përdor fajllat CSS dhe JavaScript fajllat të cilat janë të krijuar për të mundësuar funksionalitetet që ofron ai.
Për të filluar me Bootstrap fillimisht të merren css dhe javacsript fajllat si : 1. bootstrap.min.css, 2. jquery-3.3.1.slim.min.js – ose ndonjë version tjetër, 3. popper.min.js, 4. bootstrap.min.js. Këto fajlla merren nga burimet:
- getbootstrap.com – merren fajllat dhe vendosen lokalisht
- mund të përdorni një CDNS (Content Delivery Network) – përdoret full url për qasje direkt në server të jashtëm.
- mund të implementohet përmes Package maneger
Përpos thirrjes së fajllave për Bootstrap na duhet inkuadrojmë edhe këto:
<meta name=”viewport” content=”width=device-width, initial-scale=1″> – mundëson leximin e stileve sipas madhësisë së pajisjes dhe rritjen ose zvogëlimin e përmbajtjes.
Për pjesët e trajnimit që do ofrohen kemi krijuar një faqe e cila do përdorët për të bërë të gjitha ushtrimet që do ketë trajnimi.
Ambienti punues
Për të shënuar kodin në Bootstrap mund të përdorni çdo editor për shënimin e kodit, ne ju rekomandojmë të përdorni Visual Studio Code.
Gjithashtu mund të inkuadroni disa shtesa në kuadër të editorit për të lehtësuar punën, shtesat që rekomandojmë janë: Mithril Emmet fallenmax.mithril-emmet , Live Server(ritwickdey.liveserver), Prettier, HTML CSS Support.