BS5 o‘quv dasturi
Kirish
W3Schools Bootstrap 5 darsligi keng qamrovli va yangi boshlovchilar uchun qulay.
U sizga Bootstrap 5 bo‘yicha asosiy bilimlarni beradi.
U yangi boshlovchilar uchun mo‘ljallangan va faqat HTML hamda CSS bo‘yicha boshlang‘ich bilimlarni talab qiladi.
Kontent qisqa, sodda va tushunarli bo‘lishi uchun puxta tayyorlangan.
Kontent yillar davomida millionlab foydalanuvchilar tomonidan sinovdan o‘tgan. U muntazam yangilanib, takomillashtirib boriladi.
O‘quv dasturining tuzilmasi va ketma-ketligi Bootstrap 5’ni kirish qismidan boshlab moslashuvchan veb-saytlar yaratishgacha bosqichma-bosqich o‘rganishingiz uchun tuzilgan.
Bootstrap 5 bilan ishlashni boshlang »
O‘quv natijalari
- Bootstrap 5 freymvorkining asosiy tuzilishini tushunish.
- Bootstrap grid tizimi yordamida moslashuvchan maketlar yaratish.
- Bootstrap yordamchi klasslari yordamida elementlarni bezash.
- Bootstrap komponentlarini qo‘llash va sozlash.
- Moslashuvchan navigatsiya panellari va menyular yaratish.
- Bootstrap forma komponentlari yordamida formalar yaratish.
- Modal oynalar va tooltiplar kabi interaktiv komponentlar qo‘shish.
- Bootstrap flexbox yordamchi klasslaridan foydalanish.
- Hamma uchun qulay (accessible) va mobil qurilmalarga mos veb-saytlar yaratish.
Eslatma: Siz Bootstrap’dan dars beradigan o‘qituvchimisiz? W3Schools Academy — dars berishingizga yordam beradigan imkoniyatlar to‘plami. U tayyor o‘quv rejalari, sinfni boshqarish va boshqa ko‘plab sinf imkoniyatlarini taqdim etadi. Academy haqida bu yerda batafsil o‘qing.
Bootstrap 5 qaysi fanlar uchun dolzarb?
- Veb-dasturlash:
Bootstrap zamonaviy, moslashuvchan veb-saytlar yaratish uchun muhim ahamiyatga ega. - Front-end dasturlash:
Bootstrap moslashuvchan dizayn va komponentlarga asoslangan dasturlashni tushunish uchun asosiy vosita. - UI/UX dizayn:
Bootstrap bir xil uslubdagi foydalanuvchi interfeyslarini yaratish uchun keng qamrovli dizayn tizimini taqdim etadi. - Mobile-first dasturlash:
Bootstrap’ning moslashuvchan dizayn tizimi mobil qurilmalarga mos veb-saytlar yaratish uchun juda qulay. - Veb-dizayn:
Bootstrap tezkor prototiplash va dizaynni amalga oshirishni qo‘llab-quvvatlaydi. - STEM loyihalari:
Bootstrap yordamida moslashuvchan veb-saytlar yaratish zamonaviy veb-dasturlash tushunchalarini o‘rgatadi. - Raqamli marketing:
Bootstrap professional landing sahifalar va marketing veb-saytlarini yaratishga yordam beradi.
Mashg‘ulotlar
Ushbu darslikda Bootstrap 5’ni bepul o‘rganishingiz uchun turli mashg‘ulotlarni taklif qilamiz:
O‘zlashtirishni kuzatish uchun tizimga kiring
O‘zlashtirishingizni kuzatib borish uchun hisob ham yaratishingiz mumkin.
Tizimga kirgan foydalanuvchi sifatida quyidagi kabi imkoniyatlardan foydalanasiz:
- O‘quv yo‘nalishlari
- Sandbox va laboratoriya muhitlari
- Yutuqlar
- Va yana ko‘p narsalar!
Modullar sharhi
- BS5 bosh sahifa
- BS5 bilan ishlashni boshlash
- BS5 konteynerlar
- BS5 grid asoslari
- BS5 tipografiya
- BS5 ranglar
- Matn ranglari
- Fon ranglari
- BS5 jadvallar
- BS5 rasmlar
- BS5 Jumbotron
- BS5 ogohlantirishlar (alerts)
- BS5 tugmalar
- BS5 tugmalar guruhi
- BS5 nishonlar (badges)
- BS5 progress barlar
- BS5 spinnerlar
- BS5 sahifalash (pagination)
- BS5 ro‘yxat guruhlari
- BS5 kartalar
- BS5 ochiluvchi menyular (dropdown)
- BS5 yig‘iladigan bloklar (collapse)
- BS5 navigatsiya menyulari (navs)
- BS5 navigatsiya paneli (navbar)
- BS5 karusel
- BS5 modal oyna
- BS5 tooltip
- BS5 popover
- BS5 toast xabarlar
- BS5 Scrollspy
- BS5 Offcanvas
- BS5 yordamchi klasslar
- BS5 qorong‘u rejim
- BS5 Flex
- BS5 formalar
- BS5 tanlash menyulari
- BS5 checkbox va radio tugmalar
- BS5 diapazon (range)
- BS5 kiritish guruhlari
- BS5 suzuvchi yorliqlar
- BS5 formani tekshirish
- BS5 grid tizimi
- BS5 ustma-ust/gorizontal
- BS5 grid XSmall
- BS5 grid Small
- BS5 grid Medium
- BS5 grid Large
- BS5 grid XLarge
- BS5 grid XXL
- BS5 grid misollari
Sandbox va laboratoriya muhiti
Bootstrap 5, har qanday freymvork kabi, amaliyot orqali eng yaxshi o‘rganiladi.
Ushbu misolni muharririmizda sinab ko‘ring:
Misol
<div class="container">
<h1>My First Bootstrap Page</h1>
<p>This is some text.</p>
</div>
O‘zingiz sinab ko‘ring »
Agar ko‘proq o‘rganib, loyihangizni joylashtirmoqchi bo‘lsangiz, bizda statik veb-saytlarni yaratish, sinash va joylashtirish (deploy) imkonini beruvchi Spaces nomli imkoniyat bor.
Bu yerda Spaces deb nomlangan xavfsiz sandbox muhiti mavjud — unda kod yozishni mashq qilishingiz va loyihalarni real vaqtda sinab ko‘rishingiz mumkin.
Spaces kodni sinash, yaratish va joylashtirish (deploy) imkonini beradi. Bunga W3Schools subdomeni, hosting va xavfsiz SSL sertifikatlari kiradi.
Spaces o‘rnatishni talab qilmaydi va to‘g‘ridan-to‘g‘ri brauzerda ishlaydi.
Imkoniyatlar:
- Hamkorlikda ishlash
- Fayl navigatori
- Terminal va loglar
- Paket menejeri
- Ma’lumotlar bazasi
- Muhit menejeri
- Analitika
Bootstrap 5 sertifikati
W3Schools o‘quv yo‘nalishi yakunida sertifikat olish dasturini taklif qiladi.
Bu yerda sertifikat olish uchun imtihon topshirishingiz mumkin.
Bootstrap 5 imtihoni W3Schools Bootstrap 5 o‘quv dasturini umumlashtiruvchi testdir.
Imtihondan muvaffaqiyatli o‘tganingizdan so‘ng "Certified Bootstrap 5 Developer" sertifikatini olasiz.
Sertifikatlarning ikki xil turi mavjud:
- Adaptiv bo‘lmagan
- Adaptiv
Adaptiv bo‘lmagan sertifikat faqat "o‘tdi" yoki "o‘tmadi" natijasiga ega.
Adaptiv sertifikat moslashuvchan va baholanadigan bo‘lib, talabalar o‘rta, yuqori yoki professional darajadagi baho oladi.
Siz o‘qituvchimisiz?
Bootstrap 5’ni o‘qitish uchun W3Schools Academy’dan qanday foydalanish mumkinligini bilishni xohlaysizmi?
W3Schools Academy namoyishini tomosha qiling. U qanday ishlashini ko‘rasiz va dasturlashni o‘qitishni qanday qilib osonroq va qiziqarliroq qilishini bilib olasiz.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!