Oliy va o‘rta maxsus ta‘lim vazirligi


Download 1.2 Mb.
bet1/2
Sana17.06.2023
Hajmi1.2 Mb.
#1538793
  1   2
Bog'liq
Suvonqulov Isfandiyor KATT-70


O‘ZBEKISTON RESPUBLIKASI
OLIY VA O‘RTA MAXSUS TA‘LIM VAZIRLIGI
TOSHKENT MOLIYA INSTITUTI

DASTURIY TA‘MINOTNI ISHLAB CHIQISH TEXNOLOGIYALARI
FANIDAN KURS ISHI
KURS ISHI
MAVZU: O ‘quv rejasiga muvofiq ish dasturini yaratish va to ‘ldirish uchun axborot tizimini ishlab chiqish


MUNDARIJA




KIRISH….…………………………………………….

3

I BOB

O’QUV REJASIGA ASOSLANGAN DASTURIY TA’MINOT YARATISH…………………………….

6

1.1

DASTURIY TA’MINOT TURLARI, VAZIFALARI VA ULARNI LOYIHALASH………………………….

6

1.2

DASTURIY TA’MINOTNI LOYIHALASH KETMA KETLIKLARI………………………………………….

9

II BOB

DASTURIY TA’MINOT YARATISHDAGI ASOSIY TEXNALOGIYALAR…………………….

12

2.1.

O’quv rejasiga muvofiq ish dasturini yaratish va to’ldirish uchun web interfeysini yaratishdagi arxitekturalar……………………………………………

12

2.2

Web ilovani yaratishda React js imkoniyatlaridan foydalanish…………………………………………….

20

III BOB

DASTURIY VOSITALARNI YARATISH VA UNDAN FOYDALANISH……………………………

23

3.1

Dasturiy vositaning natijalarini tahlil qilish……………

23

3.2

Hayot faoliyati xavfsizligi asosiy tushunchalari………..

24




XULOSA……………………………………………….

33




FOYDALANILGAN ADABIYOTLAR.……………..

36

KIRISIH
Hozirgi kunda dasturiy ta’minot yaratish uchun judayam keng imkoniyatlar yaratilgan. O’zbekistonda veb saytlarni serverga joylash jarayonida domenlarning ro’li judayam kengdur.


O‘zbekiston Respublikasi Vazirlar Mahkamasining 2004-yil 7-maydagi 215-son qarori bilan tasdiqlangan “O‘zbekiston aloqa va axborotlashtirish agentligi to‘g‘risidagi nizom”ga muvofiq, “UZ” domenidagi domen nomlariga faoliyati to‘g‘ridan to‘g‘ri daxldor bo‘lgan shaxslarning munosabatlarini samarali boshqarish hamda noqonuniy harakatlardan himoyalanishini ta’minlash maqsadida, buyuraman:
“Umumlashgan holda hozirda bo'lajak o'qituvchilar shaxsiga qo'yiladigan asosiy talablarni: kasbiy bilimdonlik, intellektual va ma`naviy barkamollik deb belgilash mumkin”.
Qabul qilingan kadrlar tayyorlashning milliy dasturi ta`lim muassasasi va o'qituvchilar tayyorlovchi muassasalar oldiga katta vazifalar yuklaydi. Hozirgi zamon o'qitish tizimidagi maktab darslarida nazariyot bilan amaliyot o'rtasidagi bog'lanishni kuchaytirish malakasi muhim ro'l o'ynaydi. Keyingi o'n yillar davomida O'zbekiston Respublikasi mustaqillikka erishgandan so'ng ta`lim sohasida ham qator tub o'zgarishlar amalga oshirilmoqda “Ta`lim to'g'risida”gi qonun, “Kadrlar Tayyorlash Milliy Dasturi” akademik litsey va kasb-hunar kollejlari O'qituvchi va o'quvchilarining oldiga ham qator vazifalar qo'ymoqda. O'quvchilarning informatik bilimlarini o'z kasbi doirasida, kundalik hayotda qo'llay bilishi, ularning bilish va fikrlash doiralarini kengaytirish zamon talabidir.
Axborot texnologiyalarining industriyasi majmuini kompyuter, aloqa tizimi, ma’lumotlar bazasi, bilimlar bazasi va u bilan bog‘liq faoliyat sohalari tashkil qiladi. Yurtimizda yoshlar va mas’ullar o‘rtasida to‘g‘ridan-to‘g‘ri muloqot o‘rnatishga xizmat qiluvchi “Yoshlar murojaati” elektron platformasini yaratish ustida ishlar olib borilyapti. Bu platforma yoshlarning ilm olishi, kasb-hunarli bo‘lishi, bir so‘z bilan aytganda, hayotda o‘z o‘rnini topishi uchun xizmat qiladi.
Mazkur yo‘nalishning mantiqiy davomida sifatida o‘sib kelayotgan navqiron avlodni AKT sohasiga yanada qiziqtirish, ularning bu boradagi bilim va ko‘nikmalarini oshirish maqsadida joriy yilda yuzdan ziyod shahar va tumanda Raqamli texnologiyalar o‘quv markazlari ochiladi. Shu bilan birga, yoshlarning sohaga oid ilmiy izlanishlarini davom ettirishini ta’minlash, yanada kengaytirish maqsadida Toshkent viloyatida Axborot texnologiyalari universiteti filiali hamda barcha hududlarda texnikumlar faoliyati yo‘lga qo‘yiladi. Davlatimiz rahbari tashabbusi bilan hayotga tatbiq etilayotgan “Bir million dasturchi” loyihasini istiqbol sari tashlangan muhim strategik qadam, deb bemalol aytish mumkin. Loyiha doirasida 120 mingdan ziyod o‘quvchi ta’lim olib, ulardan 18 mingdan ortig‘i kurslarni muvaffaqiyatli tugatdi.
Kelgusi ikki yilda bu ko‘rsatkichni 300 mingga etkazish va ularni kompyuter texnologiyalari yo‘nalishida bepul o‘qitish, masofaviy ta’lim va darslarni onlayn o‘tkazish imkoniyatini yaratadigan “Onlayn, Raqamli, Xavfsiz ixtisoslashtirilgan maktab”, “Oliy ta’lim jarayonlarini boshqarish” axborot tizimlari ishga tushiriladi. 2021 yildan boshlab xalqaro IT sertifikatlarini qo‘lga kiritgan yoshlarga xarajatlarining 50 foizigacha bo‘lgan qismini qoplab berish vazifalari belgilandi.
IT-startaplariga ko‘mak berish va AKT sohasida faoliyat olib borayotgan tadbirkorlarni qo‘llab-quvvatlash bo‘yicha ham izchil ishlar amalga oshirilmoqda. Jumladan, mahalliy oliy ta’lim muassasalari qoshida IT-Inkubatsiya markazlari tashkil etilmoqda. Hozirgi kunda shu kabi markazlar G.V.Plexanov nomidagi Rossiya iqtisodiyot universitetining Toshkent shahridagi filiali, Toshkent moliya instituti, Toshkent davlat iqtisodiyot universiteti, Toshkent shahridagi Inha, Amiti, Turin politexnika universitetlari, Qarshi muhandislik-iqtisodiyot instituti, Andijon mashinasozlik instituti, Andijon qishloq xo‘jaligi va agrotexnologiyalar institutida faoliyat ko‘rsatmoqda.
Yoshlarni qo‘llab-quvvatlash haqida gap ketar ekan, IT-parklar faoliyati xususida ham to‘xtalib o‘tish joiz. Zero, 2020 yilda mamlakatimizda ish boshlagan IT-parklar rezidentlari tomonidan jami 750dan ortiq yangi ish o‘rni yaratildi, dasturiy mahsulotlar va xizmatlar hajmi 346,2 milliard so‘m, jumladan, eksport hajmi 8,4 million dollarni tashkil etdi. Shunday ekan, Toshkent shahrida IT-rark rezidentlari sonini ko‘paytirish va ularga etarli imkoniyatlar yaratish muhim vazifalardandir. Shu maqsadda xorijdan jalb qilingan ekspert bilan hamkorlikda umumiy maydoni 408 ming kvadrat metrga teng hududda infratuzilma ob’ektlarini bunyod etish kontseptsiyasi ishlab chiqilib, qurilish ishlari amalga oshirilmoqda.

I BOB. O’QUV REJASIGA ASOSLANGAN DASTURIY TA’MINOT YARATISH


1.1 DASTURIY TA’MINOT TURLARI, VAZIFALARI VA ULARNI LOYIHALASH.
Dasturiy ta'minot - bu kompyuterlarni boshqarish va muayyan vazifalarni bajarish uchun ishlatiladigan ko'rsatmalar, ma'lumotlar yoki dasturlar to'plami. Bu kompyuterning jismoniy tomonlarini tavsiflovchi apparat ta'minotiga qarama-qarshidir. Dasturiy ta'minot - bu qurilmada ishlaydigan ilovalar, skriptlar va dasturlarga murojaat qilish uchun ishlatiladigan umumiy atama . Uni kompyuterning o'zgaruvchan qismi deb hisoblash mumkin, apparat esa o'zgarmas qismidir.
Dasturiy ta'minotning ikkita asosiy toifasi - amaliy dasturlar va tizim dasturlari . Ilova - bu muayyan ehtiyojni qondiradigan yoki vazifalarni bajaradigan dasturiy ta'minot. Tizimli dasturiy ta'minot kompyuterning texnik vositalarini ishga tushirish uchun mo'ljallangan va ilovalarning ustida ishlash uchun platformani ta'minlaydi.Dasturiy ta'minotning boshqa turlariga dasturiy ta'minot ishlab chiquvchilari kerak bo'lgan dasturlash vositalarini ta'minlaydigan dasturiy ta'minot kiradi; tizim dasturiy ta'minoti va ilovalar o'rtasida joylashgan o'rta dastur ; va kompyuter qurilmalari va tashqi qurilmalarini boshqaradigan haydovchi dasturlari.Dastlabki dasturiy ta'minot ma'lum kompyuterlar uchun yozilgan va u ishlaydigan apparat bilan sotilgan. 1980-yillarda dasturiy ta'minot floppi disklarda, keyinchalik CD va DVD disklarida sotila boshlandi. Bugungi kunda ko'pgina dasturiy ta'minotlar Internet orqali sotib olinadi va to'g'ridan-to'g'ri yuklab olinadi. Dasturiy ta'minotni sotuvchining veb-saytlarida yoki ilovalarga xizmat ko'rsatuvchi provayder veb-saytlarida topish mumkin .Dasturiy ta'minotning turli toifalari orasida eng keng tarqalgan turlari quyidagilardan iborat:
Amaliy dasturiy ta'minot. Dasturiy ta'minotning eng keng tarqalgan turi, amaliy dasturiy ta'minot - bu foydalanuvchi uchun yoki ba'zi hollarda boshqa dastur uchun ma'lum bir funktsiyani bajaradigan kompyuter dasturlari paketidir. Ilova o'z-o'zidan bo'lishi mumkin yoki u foydalanuvchi uchun dasturni boshqaradigan dasturlar guruhi bo'lishi mumkin. Zamonaviy ilovalarga misol sifatida ofis to'plamlari, grafik dasturiy ta'minot, ma'lumotlar bazalari va ma'lumotlar bazasini boshqarish dasturlari, veb-brauzerlar, matn protsessorlari, dasturiy ta'minotni ishlab chiqish vositalari, tasvir muharrirlari va aloqa platformalari kiradi.
Tizim dasturiy ta'minoti. Bu dasturiy ta'minot dasturlari kompyuterning amaliy dasturlari va apparat vositalarini ishga tushirish uchun mo'ljallangan. Tizimli dasturiy ta'minot apparat va dasturiy ta'minotning faoliyati va funktsiyalarini muvofiqlashtiradi. Bundan tashqari, u kompyuter uskunasining ishlashini nazorat qiladi va boshqa barcha turdagi dasturiy ta'minotlar ishlashi uchun muhit yoki platformani ta'minlaydi. OT tizim dasturiy ta'minotining eng yaxshi namunasidir; u boshqa barcha kompyuter dasturlarini boshqaradi. Tizim dasturiy ta'minotining boshqa misollariga proshivka , kompyuter tili tarjimonlari va tizim yordam dasturlari kiradi .Haydovchi dasturiy ta'minot. Qurilma drayverlari sifatida ham tanilgan ushbu dastur ko'pincha tizim dasturiy ta'minotining bir turi hisoblanadi. Qurilma drayverlari kompyuterga ulangan qurilmalar va tashqi qurilmalarni boshqarib, ularga o'zlarining maxsus vazifalarini bajarishga imkon beradi. Kompyuterga ulangan har bir qurilma ishlashi uchun kamida bitta drayverga ehtiyoj bor. Misollar, har qanday nostandart apparat vositalari, jumladan, maxsus o'yin kontrollerlari bilan birga kelgan dasturiy ta'minot, shuningdek, USB xotira qurilmalari, klaviaturalar, naushniklar va printerlar kabi standart uskunani ta'minlaydigan dasturiy ta'minotni o'z ichiga oladi.
O'rta dastur. O'rta dastur atamasi amaliy va tizimli dasturiy ta'minot o'rtasida yoki ikki xil turdagi amaliy dasturiy ta'minot o'rtasida vositachilik qiluvchi dasturiy ta'minotni tavsiflaydi. Masalan, o'rta dastur Microsoft Windows-ga Excel va Word bilan gaplashish imkonini beradi. Bundan tashqari, bir turdagi operatsion tizimga ega bo'lgan kompyuterdagi dasturdan boshqa operatsion tizimga ega kompyuterdagi dasturga masofaviy ish so'rovini yuborish uchun ham foydalaniladi. Shuningdek, u yangi ilovalarga eski ilovalar bilan ishlash imkonini beradi.Dasturlash dasturi. Kompyuter dasturchilari kod yozish uchun dasturlash dasturidan foydalanadilar. Dasturiy ta'minot va dasturlash vositalari ishlab chiquvchilarga boshqa dasturiy ta'minot dasturlarini ishlab chiqish, yozish, sinab ko'rish va disk raskadrovka qilish imkonini beradi. Dasturlash dasturlariga misol sifatida assemblerlar, kompilyatorlar, tuzatuvchilar va tarjimonlar kiradi.Barcha dasturiy ta'minot kompyuterlarning ishlashi va foydalanuvchilarning ehtiyojlarini qondirishi uchun zarur bo'lgan yo'nalishlar va ma'lumotlarni taqdim etadi. Shu bilan birga, ikki xil turdagi - amaliy dasturiy ta'minot va tizim dasturiy ta'minoti - har xil usullarda ishlaydi.Amaliy dasturiy ta'minot: Amaliy dasturiy ta'minot oxirgi foydalanuvchilar uchun ma'lum funktsiyalarni bajaradigan ko'plab dasturlardan iborat, masalan, hisobotlarni yozish va veb-saytlarni navigatsiya qilish. Ilovalar boshqa ilovalar uchun ham vazifalarni bajarishi mumkin. Kompyuterdagi ilovalar o'z-o'zidan ishlay olmaydi; ular ishlashi uchun boshqa qo'llab-quvvatlovchi tizim dasturiy ta'minot dasturlari bilan bir qatorda kompyuterning operatsion tizimi talab qilinadi.Ushbu ish stoli ilovalari foydalanuvchining kompyuteriga o'rnatiladi va vazifalarni bajarish uchun kompyuter xotirasidan foydalanadi. Ular kompyuterning qattiq diskida joy egallaydi va ishlash uchun internetga ulanish shart emas. Biroq, ish stoli ilovalari ular ishlaydigan apparat qurilmalari talablariga javob berishi kerak.Boshqa tomondan, veb-ilovalar ishlash uchun faqat Internetga kirishni talab qiladi; ular ishlashi uchun apparat va tizim dasturlariga tayanmaydi. Shunday qilib, foydalanuvchilar veb-brauzerga ega qurilmalardan veb-ilovalarni ishga tushirishlari mumkin. Ilova funksionalligi uchun mas'ul bo'lgan komponentlar serverda bo'lgani uchun foydalanuvchilar dasturni Windows, Mac, Linux yoki boshqa har qanday operatsion tizimdan ishga tushirishlari mumkin.
Tizim dasturiy ta'minot: Tizim dasturiy ta'minoti kompyuter apparati va amaliy dasturiy ta'minot o'rtasida joylashgan. Foydalanuvchilar tizim dasturiy ta'minoti bilan to'g'ridan-to'g'ri o'zaro ta'sir qilmaydi, chunki u fonda ishlaydi, kompyuterning asosiy funktsiyalarini bajaradi. Ushbu dastur tizimning apparat va dasturiy ta'minotini muvofiqlashtiradi, shuning uchun foydalanuvchilar muayyan harakatlarni bajarish uchun yuqori darajadagi amaliy dasturlarni ishga tushirishlari mumkin. Tizim dasturiy ta'minoti kompyuter tizimi ishga tushganda ishlaydi va tizim yoqilgan vaqtgacha ishlashda davom etadi.
1.2 DASTURIY TA’MINOTNI LOYIHALASH KETMA KETLIKLARI
Dasturiy ta'minotni ishlab chiqish hayotiy tsikli - bu loyiha menejerlari dasturiy ta'minotni loyihalash bilan bog'liq bosqichlar va vazifalarni tavsiflash uchun foydalanadigan ramka. Dizayn hayotiy tsiklidagi birinchi qadamlar harakatlarni rejalashtirish va keyin dasturiy ta'minotdan foydalanadigan shaxslarning ehtiyojlarini tahlil qilish va batafsil talablarni yaratishdir. Dastlabki talablarni tahlil qilgandan so'ng , dizayn bosqichi ushbu foydalanuvchi talablarini qanday bajarish kerakligini aniqlashga qaratilgan.
Keyingi bosqich - amalga oshirish, u erda ishlab chiqish ishlari tugallanadi, so'ngra dasturiy ta'minot sinovi o'tkaziladi. Xizmat bosqichi tizimning ishlashini ta'minlash uchun zarur bo'lgan har qanday vazifalarni o'z ichiga oladi.
Dasturiy ta'minot dizayni amalga oshiriladigan dasturiy ta'minot tuzilishining tavsifini, ma'lumotlar modellarini, tizim komponentlari orasidagi interfeyslarni va dasturiy ta'minot muhandisi foydalanadigan potentsial algoritmlarni o'z ichiga oladi. Dasturiy ta'minotni loyihalash jarayoni foydalanuvchi talablarini kompyuter dasturchilari dasturiy ta'minotni kodlash va amalga oshirish uchun foydalanishi mumkin bo'lgan shaklga aylantiradi. Dasturiy ta'minot muhandislari dasturiy ta'minot dizaynini iterativ tarzda ishlab chiqadilar, tafsilotlarni qo'shadilar va dizaynni ishlab chiqishda tuzatadilar.
Dasturiy ta'minot dizaynining har xil turlari quyidagilarni o'z ichiga oladi:
Arxitektura dizayni. Bu me'moriy dizayn vositalaridan foydalangan holda tizimning umumiy tuzilishini, uning asosiy tarkibiy qismlarini va ularning bir-biri bilan aloqalarini aniqlaydigan asosiy dizayndir .
Yuqori darajadagi dizayn. Bu tizimning barcha komponentlari bilan birga dasturiy ta'minot to'plami tomonidan qo'llab-quvvatlanadigan modullar shaklida qanday amalga oshirilishiga qaratilgan dizaynning ikkinchi qatlami . Yuqori darajadagi dizayn ma'lumotlar oqimi va tizimning turli modullari va funktsiyalari o'rtasidagi munosabatlarni tavsiflaydi.
Batafsil dizayn. Dizaynning ushbu uchinchi qatlami belgilangan arxitektura uchun zarur bo'lgan barcha amalga oshirish tafsilotlariga qaratilgan. Agar dasturiy ta'minot uning funktsional va funktsional bo'lmagan talablariga javob bersa, dasturiy ta'minot sifati o'lchanadi.
Funktsional talablar dasturiy ta'minot nima qilishi kerakligini aniqlaydi. Ular texnik tafsilotlarni, ma'lumotlarni manipulyatsiya qilish va qayta ishlashni, hisob-kitoblarni yoki ilova nimaga erishmoqchi ekanligini ko'rsatadigan boshqa o'ziga xos funktsiyani o'z ichiga oladi. Funktsional bo'lmagan talablar -- sifat atributlari sifatida ham tanilgan - tizim qanday ishlashini belgilaydi. Funktsional bo'lmagan talablar portativlik, falokatni tiklash, xavfsizlik, maxfiylik va foydalanish qulayligini o'z ichiga oladi.
Dasturiy ta'minotni sinovdan o'tkazish dasturiy ta'minotning manba kodidagi texnik muammolarni aniqlaydi va hal qiladi va uning talablariga javob berishini ta'minlash uchun mahsulotning umumiy foydalanish qulayligi, ishlashi, xavfsizligi va mosligini baholaydi. Dasturiy ta'minot sifatining o'lchovlari quyidagi xususiyatlarni o'z ichiga oladi: Foydalanish imkoniyati. Turli xil odamlar guruhi, jumladan ovozni aniqlash va ekran lupalari kabi moslashuvchan texnologiyalarga muhtoj bo'lgan shaxslar dasturiy ta'minotdan qulay foydalanish darajasi.
Moslik. Dasturiy ta'minotning turli xil muhitlarda, masalan, turli operatsion tizimlar, qurilmalar va brauzerlarda foydalanishga yaroqliligi.
Samaradorlik. Dasturiy ta'minotning energiya, resurslar, kuch, vaqt yoki pulni behuda sarf qilmasdan yaxshi ishlashi qobiliyati.
Funktsionallik. Dasturiy ta'minotning belgilangan funktsiyalarini bajarish qobiliyati.
O'rnatish imkoniyati. Dasturiy ta'minotni belgilangan muhitda o'rnatish qobiliyati.
Mahalliylashtirish . Turli xil tillar, vaqt zonalari va dasturiy ta'minot ishlashi mumkin bo'lgan boshqa shu kabi xususiyatlar.
Saqlash qobiliyati. Xususiyatlarni qo'shish va yaxshilash, xatolarni tuzatish va hokazolar uchun dasturiy ta'minotni qanchalik oson o'zgartirish mumkin.
Ishlash. Dasturiy ta'minot ma'lum bir yuk ostida qanchalik tez ishlaydi.
Portativlik. Dasturiy ta'minotni bir joydan ikkinchisiga osongina o'tkazish qobiliyati.
Ishonchlilik. Dasturiy ta'minotning ma'lum bir vaqt oralig'ida ma'lum sharoitlarda hech qanday xatosiz talab qilinadigan funktsiyani bajarish qobiliyati.Masshtablilik . Dasturiy ta'minotning qayta ishlash talablaridagi o'zgarishlarga javoban unumdorligini oshirish yoki kamaytirish qobiliyatining o'lchovi.Xavfsizlik. Dasturiy ta'minotning ruxsatsiz kirishdan, shaxsiy hayotga tajovuz qilishdan, o'g'irlikdan, ma'lumotlarni yo'qotishdan, zararli dasturlardan va boshqalardan himoya qilish qobiliyati.Sinovga yaroqlilik. Dasturiy ta'minotni sinab ko'rish qanchalik oson.Foydalanish imkoniyati. Dasturiy ta'minotdan foydalanish qanchalik oson.
Dasturiy ta'minotni o'rnatgandan so'ng sifatini saqlab qolish uchun ishlab chiquvchilar uni doimiy ravishda yangi mijozlar talablariga javob berish uchun moslashtirishlari va mijozlar aniqlagan muammolarni hal qilishlari kerak. Bunga funksionallikni yaxshilash, xatolarni tuzatish va muammolarni oldini olish uchun dasturiy kodni sozlash kiradi. Mahsulotning bozorda qancha davom etishi ishlab chiquvchilarning ushbu texnik talablarni bajarish qobiliyatiga bog'liq.

II. BOB. TA’LIMDA AXBOROT TEXNALOGIYALARI DASTURIY TA’MINOTI


2.1. Ta’limda axborot texnalogiyalari web interfeysini yaratishda tizim karkasini va ma’lumotlar bazasini loyihalashning dasturiy ta’minoti.
Hozirgi vaqtda web dasturlash sohasi kosmik tezlik bilan rivojlanmoqda. Yangi texnologiyalar va g'oyalar maxsus kompaniyalar va korporatsiyalar tomonidan ishlab chiqarilishi bilan birga oddiy dasturchilar tomonidan ham yaratilmoqda.
Gipermatnli axborot tizimi axborot uzellari to'plamidan, bu uzellarda aniqlangan gipermatnli aloqalar to'plamidan hamda uzel va aloqalarni boshqarish instrumentidan iboratdir.
World Wide Web texnologiyasi – bu internetda tarqatilgan gipermatnli tizimlarni boshqarish texnologiyasidir va bunga asosan, u gipermatnli tizimlarning umumiy qoidalariga mos kelishi kerak. Ya‘ni yuqorida sanab o'tilgan gipermatn tizimlarining tashkil etuvchilari web tizimida ham bo'lishi kerak Bizning mavzumiz bo’yicha web saytimizni javascriptning eng mashxur freamworklaridan biri bo’lgan react js freamworkidan foydalanamiz.
Dastlab bizlarga yozilgan dastur kodlarimini natijasini olishuchun node js kompilyatornni o’natib olishdan boshlaymiz. Buning uchun https://nodejs.org/en/download/ web saytidan o’rnatish uchun yuklab olishimiz mumkin. Keyingi qisimda esa uni o’z kompyuterimizga o’rnatamiz.

(2.1-Rasm)
Biz dasturni o’rnatib bo’lganimizdan so’ng uning kompyuterimizda ishlayotgan yoki yoqligini tekshirib ko’rishimiz kerak bo’ladi. Buning uchun Command pro ilovasini ochamiz. Bunda bizga поиск + R tugmalarini qo’shib bosamiz. So’ngra bizda quyidagi natijani olishimi mumkin

(2.2 -Rasm)
Keyinqi qadamda biz cmd buyrug’ini yozishimiz kerak.

(2.3-Rasm)
Ok tugmasini bosamiz va bizda command pro ilovasi ochiladi

(2.4-Rasm)
Biz node js o’rnatilganligini tekshirish uchun node -v buyrug’ini beramiz va agar bizda o’rnatilgan bo’lsa uning nechanchi versiyada ekanini ko’rsatadi.
Endi esa web ilovamizni yaratish uchun unga maxsus package laranini o’rnatib olamiz. Command pro dasturida turgan joyimizda npx create-react-app Student_tables buyrug’ini beramiz, va biz uchun dasturlash muxitini yaratib beradi.

(2.5-Rasm)
Dasturlash muxitimiz tayyor bo’lgandan so’ng uni visual studio code dasturi yordamida ochib olamiz



(2.6-Rasm)

Web ilovamiz quyidagi struktura shaklida bo’ladi unda o’z komponentlari va maxsus funksiyalardan tashkil topgan fayillar hamda papkalar ko’rinishida saqlanadi.



(2.7-Rasm)
Bizda asosiy fayl sifatida App.js hissoblanadi shuning uchun unga barcha funksiyalarni bir biriga ulashda foydalanamiz. Unga barcha web ilovamizda ishlatgan sahifalarimizni qaysi funksiyaga to’g’ri kelishini yozib chiqamiz

(2.8-Rasm)
Bizni kerakli sahifaga yo’naltirish uchun quyidagi funksiyani yozib chiqamiz

(2.9-Rasm)


Bizda dastlabki kirganvaqtimizda bizlarga statistik malumotlarni beradigan bo’limi uchun quyidagicha dastur yozamiz. Biz uchun chiroyli dizaynda barcha kerakli bo’lgan jihatlarni o’z ichiga olishi uchun unga style berib yozib chiqamiz

(2.10-Rasm)
Bizga talabalarning ro’yhatlarini chiqarib beradigan sahifa uchun quyidagicha funksiyalarni yozib olamiz

(2.11-Rasm)
Bizlarga qidirgan natijani bera oladigan va uni ekranga chiqaradigan qismini yozib olamiz.

(2.12-Rasm)
Bizning dasturimiz tayyor. Uni yurgazib berish uchun biz command proga yarn start buyrug’ini beramiz

(2.13-Rasm)
Bizning dasturimiz web saytda ochiladi. React js freamforkining afzalliklari web ilovamiz qayta yuklanmaydi va biz yozgan dasturimiz foydalanuvchi uchun qulay va internet trafigini anchagina tejashga yordam beradi.
2.2 Web ilovani yaratishda React js imkoniyatlaridan foydalanish.
Reakt interfaol foydalanuvchi interfeyslar(UI)ni qiyinchiliksiz yaratish imkoni beradi. Ilovangizdagi har bir holat uchun oddiy ko’rinishni loyihalashtiring va React sizning ma’lumotlaringizni faqat o’zgartirgan tarkibiy qismlarni belgilab ularni samarali ravishda yangilaydi.
Deklarativ ko’rinishlar sizning kodingizni oldindan bashorat qilish va xatoliklarni onsonroq aniqlashga yordam beradi.Biz sizning boshqa texnologiya to’plamingiz haqida har xil taxminlar qilmaymiz, shuning uchun mavjud kodni qayta yozmasdan React da yangi imkoniy(xususiyat)lar yartishishga imkon beradi.
Shuningdek React Node dan foydalangan holda server da va React Native dan foydalangan holda mobil ilovalarda ishlatiladi.
O’zining holatini boshqaradigan, keyin ularni murakkab UI ni yaratishda ishlatadigan enkapsulyatsiya qilingan komponentlar quring.
Kopmonent logikasi shablonlarda emas balki JavaSciptda yozilgani sababli, ilovangizdagi boy ma’lumotlarni osongina uzatish va DOM ning holatini dahilsizligini ham saqlab qolasiz.
Oddiy Komponent.React komponentlari render() metodidan foydalangan holda kirish ma’lumotini oladi va ularni ekranga chiqaradi. Quydagi misol JSX deb ataladigan XML ga o’xshash sintaksisdan foydalanadi. Komponentga uzatilgan kirish ma’lumotlari render() tomonidan this.props orqali foydalanish imkonini beradi.
React da JSX dan foydalanish ixtiyoriy va foydalanishiga majbur emassiz. JSX orqali yozilgan soft JavaScript kodini ko’rish uchun Babel REPL orqali sinab ko’ring.

(2.14-Rasm)
Holatli Komponent
Kirish ma’lumotlarini(this.props orqali kiradigan) olishdan tashqari, komponent ichki holat ma’lumotlari(this.state orqali kiradigan)ni ham boshqara oladi. Qachon komponentning holati(ya’ni state) o’zgarganda, chizib bo’lingan verstka render() ni qayta chaqirish orqali yangilanadi.



(2.15-Rasm)
Ilova props va state dan foydalanib, biz kichik Todo ilovasini yaratamiz. Ushbu misol mavjud ro’yxatni hamda foydalanuvchi tomonidan kiritilgan matnlarni kuzatishda state dan foydalanadi. Event handler hodisalari chiziqli bo’lishiga qaramssdan, aslida ular event delegation orqali to’planadi va amalga oshiriladi.

(2.16-Rasm)
Komponentda Tashqi Plagindan Foydalish
React boshqa kutubxonalar va freymvorklar bilash ishlashga imkon beradi. Ushbu misolda 
Download 1.2 Mb.

Do'stlaringiz bilan baham:
  1   2




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