O’ZBEKISTON RESPUBLIKASI AXBOROT TEXNOLOGIYALARI VA KOMMUNIKATSIYALARINI RIVOJLANTIRISH VAZIRLIGI
MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI FARG’ONA FILIALI
“TELEKOMMUNIKATsIYa tEXNOLOGIYaLAR VA KASB TA’LIMI” fakulteti
“Axborot-kommunikatsiyatexnologiyalari soHasida kasb ta’limi” yo’nalishi
620-20 gurux talabasi Nishonov Ismoiljoning
Web dasturlashfanidan tayyorlagan
4-topshirig’i
Tayyorladi: I.O.Nishonov Qabul qildi: B.M.Uzaqov
Mavzu: Boootstrap freymworkidan foydalanib loyiha ishini yaratish.
Bootstrap - bu Twitter jamoasi tomonidan ishlab chiqilgan qattiq va oqlangan, intuitiv aqlli front-end ramka. Tse ochiq manbali CSS va JavaScript zamonaviy Internet loyihalarini ishlab chiqish uchun o'rta zamin hisoblanadi. Cheksiz rang-barang nutqlarni yaratish, targ'ib qilish uchun juda munosib bo'lgan juda yosh veb-ishlab chiqish platformasi: interfeysdagi komponentlarning uslublari (sarlavhalar, yorliqlar, navigatsiya panellari ...) va HTML elementlari (tugmalar, shakllar, shriftlar ...), moslashuvchan so'rovlar, JS plaginlari va boshqalar.
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.
Bootstrapda hajm, o’lchov turlari.
Bootstrapda 5 hil hajm bor.
Extra Small [exta smol] – juda kichik ekranlar uchun. Misol uchun smartfon ekrani.
Small [smol] – kichik ekranlar uchun. Misol uchun smartfon ekranining yotqizilgan, ya’ni albom shaklida.
Medium [midiem] – o’rta hajmlik ekran. Misol uchun planshet ekrani.
Large [laj] – Katta ekran. Misol uchun noutbuk ekrani.
Extra Large [exta laj] – Juda katta ekran. Misol uchun kompyuter monitori.
Extra Extra Large [exta exta laj] – Juda Juda katta ekran. Biz ko’rayotgan bootstrapning 4-versiyasida bunaqa variant yo’q. Leking yaqinda keyingi, 5-versiyasi chiqadi va unda bootstrap dasturchilari ushbu ekran variantini ham qo’llashni va’da qilishgan.
Bootstrap’da col sinfini yozganimizda – aslida u mobil qurilmalar uchun mos keladigan hajmdir. Shuning uchun ham bootstrap freymvorki – mobile first [mobayl fest] loyihalashtirish turiga kiradi. Ya’ni barcha qilayotgan ishingiz mobil qurilmalar uchun bo’lib, katta qurilmalar uchun qo’shimcha kod yozishingiz kerak bo’ladi.
