Ii. Amaliy qism dasturlash muhitini tayorlash

II. AMALIY QISM
Dasturlash muhitini tayorlash.

2.1-rasm
1.Biz birinchi ishchi oynamizni sozlab olihimiz kerak. Buning uchun “Visual studio” Dasturidan foydalandim.

2.2-rasm
2. Dastur ichida “File” menyusi orqali “33-maktab avtomatlashtirish tizimi” bo’limi tanlanadi va papkani nomini “shopping” deb nomlaymiz va yaratib olamiz.



2.3-rasm
3.Dasturni tuzish davomida VueJs dan foydalangan holda ishlaymiz. U JavaScript fremwork hisoblanadi. Va web dasturlarni frontedn qismi tayorlashda juda ko’p imkoniyatlar beradi. Shuning uchun yaratgan filemizga terminalga npm vue create@latest buyrug’ini yozib VueJs ni yuklab olamiz.

2.4-rasm
4. Biz uchun kerakli kutubhonalarni belgilab olamiz va yuklab olish buyrug’ini yozamiz.





2.5-rasm
5. Dasturni yuklab olganimizdan so’ng uni brauzerda ko’rish uchun bizga https://localhost:5174/ portini ajratib beradi. So’ngra dasturni tuzish uchun muhit tayyor holatga keladi.





Dasturning Turli imkoniyatlari

2.6-ras
6. Biz dasturimizni tayyorlab bolganimkizdan kegin. Daslab bu saytga kirganimizda bizdan dastlab ro’yhatdan o’tiashni so’raydi.

2.7-rasm
7. Dasturdan ro’yhatdan o’tib kirib olganimizdan so’ng. Bizga birinchi home oynasi ochiladi. Bu oyna mavjud mavsulotlarni bittada ketma-ket chiqarib beradi. Biz bu orqali mujozga maxsulotlar haqida malumotlar beramiz.