Css frameworklari: Bootstrap



Download 0,74 Mb.
Sana19.01.2022
Hajmi0,74 Mb.
#392409
Bog'liq
7-8 maruza Bootstrap (1)


Mavzu 7-8: CSS frameworklari:Bootstrap.

Bootstrap komponentalari. Carousel. Navigation. Pagination. Tab. Panel. List.



Bootstrap hozirgi kunda eng ko’p ishlatilayotgan front end development framework hisoblanadi. Unda HTML, CSS va JavaScript to’liq joylashtirilgan va ushbu framework yordamida o’zingiz istagan sayt ko’rinishini bir necha daqiqalarda, qiyinchiliklarsiz tayyorlab olishingiz mumkin.

Frameworkning rasmiy getbootstrap.com sayti orqali uni to’liq yuklab olishingiz va hech qanday cheklovlarsiz ishlatishingiz mumkin. Agar tizim bilan ishlashni hali bilmasangiz, Google orqali qidirishda Bootstrapga oid minglab darslarni, maqolalarni topishingiz mumkin. YouTube, Vimeo kabi video saytlarda esa Bootstrap to’g’risida tayyorlangan video darsni juda ko’plab topish mumkin.

Bootstrap ilk «mobile first» framework hisoblanib, unda birinchi e’tibor tayyorlangan sahifalar mobil qurilmalarda qanday ko’rinishiga qaratiladi. O’zining moslashuvchangili sabab Bootstrapda tayyorlangan sahifalar barcha hajmdagi ekranlarda bir xil chiroyli ko’rinadi. Bootstrap haqiqatdan ham front end ustalarining ishini bir necha o’n barobarga osonlashtirdi. Bir necha yil avval HTML va CSS kodlarni to’liq qo’lda yozib sayt tayyorlayotgan kishilar Bootstrapning qanchalik qulay tizim ekanligini bir necha bor ishlatib ko’rgandanoq bilib olishlari mumkin.

Bootstrap haqida to’liq ma’lumotni tizimning rasmiy saytidan olishingiz mumkin. U yerda framework ishlatilishi haqida yetarlicha tushuncha berilgan. Agar u yerda o’rganish Siz uchun qiyinlik qilsa, Bootstrapning eng sodda darslarini w3schools saytining Bootstrap bo’limidan topishingiz mumkin.

Bootstrap bilan ishlash ko’nikmasini yaxshi o’zlashtirganingizdan so’ng u orqali sahifalar tayyorlab, internetda yaxshigina pul ishlab olishingiz mumkin. To’g’ri, juda ko’p to’lashmaydi, ammo 1-3 kunda bajarsa bo’ladigan har bir loyiha uchun 50-100 dollar atrofida ishlab olishingiz mumkin. Bootstrap tizimini yaxshi o’zlashtriganingizdan so’ng qanday ishlar topishingiz mumkinligini mana bu sahifadan ko’rib xulosa qilishingiz mumkin.

Bugundan boshlab Bootstrapni o’rganishingizga hech narsa halal bermaydi: uni o’rganish uchun sayt ham, domen ham, hosting ham kerak emas. Shunchaki Bootstrapni kompyuteringizga yuklab oling, darslarda ko’rsatgandek saytlar ko’rinishini tayyorlashga kirishing.



Bootstrap 4 bilan ishlashda qanday ranglar mavjud?

Dizayn va yuklash chizig'ida, qoida tariqasida, ranglar ko'p sonli elementlarga qo'llanilishi mumkin. Matn, fon, chegaralar va boshqalar.
Hozirda 100 dan ortiq CSS rang nomlari mavjud. Ranglarning bunday ko'pligi ushbu barcha ismlarni eslashni qiyinlashtiradi. Agar sinf nomlari turga tegishli bo'lsa, g'alati bo'ladi: rang-ko'k rang-qizil va boshqalar, barcha 100 ranglar uchun.
Shundan kelib chiqqan holda, Bootstrap-dagi ranglar biroz boshqacha taqsimlanadi. Bootstrap-da mos ranglarga mos keladigan bir nechta kalit so'zlar yoki ranglarning o'ziga xos nomlari mavjud.
Masalan, asosiy kalit so'z har doim ko'k, success yashil, danger qizil va hokazolarga mos keladi.



Rasmlar bilan ishlash
src="https://static.pexels.com/photos/45201/kitty-cat-kitten-pet-45201.jpeg"

class="img-fluid rounded-circle"/>


src="https://static.pexels.com/photos/45201/kitty-cat-kitten-pet-45201.jpeg"

class="img-fluid rounded-bottom"/>



Formalar


Formalar har qanday sayt uchun muhim elementdir, shuning uchun hamma ularni bilishi kerak. Bootstrap kursi sizga ro'yxatdan o'tish uchun yozuv shaklini yaratishni o'rganishga yordam beradi. Moslashuvchan tarmoqlar va ularni sozlash haqidagi bilimlar bu erda foydali.

Навигация




Download 0,74 Mb.

Do'stlaringiz bilan baham:




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©www.hozir.org 2024
ma'muriyatiga murojaat qiling

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha


yuklab olish