1. Kirish
Bugundan biz Bootstrap kursini boshlaymiz va birinchi dars "Kirish" darsi bo'ladi. Dars davomida kurs rejasi, kursdan maksimal foydalanish va albatta dasturlash muhitini (development environment) ko'rib chiqamiz.
2. Bootstrap va uning versiyalari. Kurs loyihasi
Bugungi darsda Bootstrap o'zi nima ekanligi va uning versiyalarini birma-bir ko'rib chiqamiz. Undan tashqari kursimizning loyihasini ko'rib olamiz
3. Bootstrapni o’rnatib olish
Bugungi darsda loyihamizga Bootstrapni qanday qilib qo'shib olishni o'rganib olamiz.
4. Breakpoints va Containers
Dars davomida Bootstrap qanday "Breakpoint"larga ega ekanligi va undan tashqari Containers nima ekanligi va ularni qachon ishlatishni o'rganib olamiz.
5. Grid (1-qism)
Bugungi darsda Bootstrapning Grid tizimi nima ekanligi va uning yordamida qanday qilib Layout yaratib olishni o'rganib olamiz.
6. Grid (2-qism)
Bugungi darsda ham Bootstrapning Grid tizimi haqida gaplashishni davom ettiramiz va dars davomida Responsive va "Nested Grid"lar nima ekanligini tushunib olamiz.
7. Columns
Bugungi darsda Bootstrap Grid tizimining asoslaridan biri bo'lgan Columns (ustunlar) haqida gaplashishni davom ettiramiz.
8. Gutters
Dars davomida Bootstrapda Gutters nima ekanligini o'rganib olamiz. Dars oxirida esa uyga vazifa beriladi.
9. Typography
Bugungi darsda Bootstrapning yangi bo'limi "Content"ni boshlab olamiz va bugungi darsda Typography haqida gaplashib o'tamiz.
10. Images
Bugungi darsimizda Bootstrapda rasmlar bilan qanday ishlashni o'rganib olamiz.
11. Tables
Bugungi darsimizda Bootstrap yordamida qanday qilib jadvallar (tables) yaratish va uning turlarini ko'rib chiqamiz.
12. Formalar. Form control
Bugungi darsda biz Bootstrapning yangi Forms bo'limini boshlab olamiz va dars davomida uning yordamida qanday qilib formalarga osongina style berishni o'rganib olamiz.
13. Select. Checks & Radios. Range
Bugungi darsda biz sizlar bilan Bootstrapda Select, Checkboxes, Radio buttons va "Range"larni qanday qilib yaratishni o'rganib olamiz.
14. Input group
Dars davomida Bootstrapning Input Group elementini ko'rib chiqib, uning yordamida Form Controlni qanday qilib qulayroq ko'rinishga olib kelishni bilib olamiz.
15. Floating labels. Form layout
Bugungi darsda Bootstrapda Floating label nima ekanligi va unga qo'shimcha ravishda Form layoutni qanday qilib yaratishni o'rganib olamiz.
16. Validation
Bugun Forms bo'limining oxirgi darsi hisoblanadi va dars davomida Validation nima ekanligi va uni qanday qilib Bootstrap 5 yordamida yaratib olishni o'rganib olamiz. Unga qo'shimcha ravishda uyga vazifa berilib o'tiladi.
17. Accordion, alerts, badge, breadcrumb
Bugungi darsda biz Bootstrapning yangi Components bo'limini boshlab olamiz va dars davomida component o'zi nima ekanligi va 4 yangi komponentni ko'rib chiqamiz. Undan tashqari o'tgan darsda berilgan uyga vazifani javobini ko'rib chiqamiz.
18. Button, button group
Dars davomida Bootstrapning Button va Button group komponentlarini ko'rib chiqib, kod yozib, yanada yaxshiroq tushunib olamiz.
19. Card
Bugungi darsda Boostrapning Card komponentini ko'rib, kod yozib, yanada yaxshiroq tushunib olamiz.
20. Carousel
Bugungi darsda Bootstrapning yana bir eng ko'p ishlatilinadigan komponentlaridan biri "Carousel"ni ko'rib chiqamiz.
21. Collapse, Dropdowns, List group
Dars davomida Bootstrapning 3 komponenti: Collapse, Dropdowns and List Group nima ekanligini ko'rib, kod yozib, yanada yaxshiroq tushunib olamiz.
22. Modal
Bugungi darsda Bootstrapning yana bir eng ko'p ishlatilinadigan komponentlaridan biri - Modalni ko'rib, kod yozib, yanada yaxshiroq bilib olamiz.
23. Navs, tabs, navbar
Dars davomida Bootstrapning Navs, Tabs va Navbar komponentlarini ko'rib, kod yozib, yanada yaxshiroq tushunib olamiz.
24. Offcanvas, pagination
Bugungi videomizda Bootstrapning Offcanvas va Pagination komponentlarini ko'rib, kod yozib, yanada yaxshiroq bilib olamiz. Offcanvas komponentini ishlatish uchun, Bootstrapning versiyasini yangilashni unutmang!
25. Popover, progress
Bugungi dars davomida Bootstrapning Popover va Progress komponentlarini ko'rib, tushunib, kod yozib yanada yaxshiroq bilib olamiz.
26. Scrollspy, spinners
Bugungi darsimizda Bootstrapning Scrollspy va Spinners komponentlarini o'rganib olamiz.
27. Toasts, Tooltip
Bugungi darsda Bootstrapning oxirgi 2 komponenti Toasts va Tooltipsni ko'rib, kod yozib, yanada yaxshiroq tushunib olamiz.
28. Clearfix, coloured links, ratio, position
Bugungi darsda Bootstrapning yangi Helpers bo'limini boshlab olamiz va dars davomida Clearfix, Colored links, ration va position klasslarini birma-bir ko'rib, tushunib, kod yozib yanada yaxshiroq bilib olamiz.
29. Visually hidden, stretched links, text-truncation
Bugungi darsda Bootstrapning yana yangi 3 yordamchi klasslari: Visually hidden, stretched links va text-truncation'ni ko'rib, kod yozib, yanada yaxshiroq tushunib olamiz.
30. Background, borders, colors
Bugungi darsda Bootstrapning yangi Utilities bo'limini boshlab olamiz va dars davomida Background, borders va colors utilitalarini ko'rib chiqamiz.
31. Display, flex
Bugungi darsimizda Bootstrapning Display va Flex utilita klasslarini ko'rib, kod yozib, yanada yaxshiroq bilib olamiz.
32. Float, interactions, overflow
Bugungi darsda Bootstrapning Float, Interactions va Overflow utilita klasslarini birma-bir ko'rib, kod yozib, yanada yaxshiroq tushunib olamiz.
33. Position, shadows, sizing
Bugungi darsda Bootstrapning Position, Shadows va Sizing utilita klasslarini ko'rib o'tamiz.
34. Spacing, text
Bugungi darsimizda Spacing va Text utilita klasslarini birma-bir ko'rib chiqamiz.
35. Vertical align, visibility
Bugungi darsda Bootstrapning Utilities bo'limini tugatib olamiz va tugatish jarayonida Vertical align va Visibility klasslarini birma-bir ko'rib chiqamiz. Dars so'ngida o'tilgan mavzuni mustahkamlash uchun uyga vazifa beriladi.
36. Bootstrap icons
Bugungi darsda Bootstrap Icons nima ekanligini bilib olib, uni qanday ishlatishni o'rganib olamiz. Undan tashqari, o'tgan darsda berilgan uyga vazifaning javobini tahlil qilib chiqamiz.
37. Bootstrap’ni moslashtirish
Bugungi darsimiz Bootstrap elementlari va komponentlarini o'zimizga moslashtirib olishga bag'ishlanadi.
38. Loyiha (1-qism)
Bugungi darsda Bootstrapda birinchi loyihamizni boshlab olamiz. Loyihadan asosiy maqsad hozirgi paytgacha o'tilgan nazariy bilimlarni amaliyotda ishlatib, yanada mustahkamlab olish hisoblanadi.
39. Loyiha (2-qism)
Bugungi darsimizda o'tgan darsda boshlab olgan loyihamizni yaxshilashda davom etamiz.
40. Loyiha (3-qism)
Bugungi darsda oxirgi ikki darsdan beri qilib kelayotgan loyihamizga yakun yasab olamiz.
41. Qo’shimcha CSS freymvorklar
Bugungi darsda Bootstrap'ning o'rniga ishlatishimiz mumkin bo'lgan CSS freymvorklarni ko'rib o'tamiz.
42. Kurs yakuni, keyingi rejalar
Bugun biz Bootstrap kursining oxirgi darsini o'tib olamiz va dars davomida loyihamizni ko'rib chiqib, kursga yakun yasab, maslahatlarimni berib va keyingi rejalar haqida gaplashib o'tamiz.