|
Taqdimot qatlami (Presentation Layer): mijor tomon komponenti (Frontend)
|
| bet | 18/32 | | Sana | 08.07.2024 | | Hajmi | 2,32 Mb. | | #267039 |
Bog'liq Miraxmedov Xusanboy BMITaqdimot qatlami (Presentation Layer): mijor tomon komponenti (Frontend)
Veb-ilova arxitekturasining mijoz komponenti foydalanuvchilarga brauzer orqali server va backend xizmati bilan o‘zaro aloqada bo‘lish imkonini beradi. Kod brauzerda joylashgan, so‘rovlarni qabul qiladi va foydalanuvchiga kerakli ma'lumotlarni taqdim etadi. Bu erda UI/UX dizayni, asboblar paneli, bildirishnomalar, konfiguratsiya sozlamalari, tartib va interaktiv elementlar rasmga kiradi.
Bu erda tez-tez ishlatiladigan front-end texnologiyalaridan ba'zilari(1.3-rasm):
1.2-rasm. Hozirda eng ko‘p qo‘llaniladigan frontend texnologiyalari
HTML
HTML yoki gipermatn belgilash tili - ishlab chiquvchilarga bir qator sahifa elementlaridan foydalangan holda veb-sahifa tarkibini tuzish imkonini beruvchi mashhur standart belgilash tili. Tim Berners-li tomonidan ishlab chiqilgan va 1993 yilda chiqarilgan HTML tezda rivojlanib, butun dunyo bo‘ylab standart belgilash tiliga aylandi.
CSS
CSS yoki kaskadli uslublar jadvallari ishlab chiquvchilarga veb-sayt tarkibini va belgilash tillari yordamida ishlab chiqilgan saytlar tartibini ajratish imkonini beruvchi mashhur uslublar jadvali tilidir. CSS-dan foydalanib, siz elementlar uchun uslubni belgilashingiz va ularni bir necha marta qayta ishlatishingiz mumkin. Xuddi shunday, siz bir nechta saytlarda bitta uslubni qo‘llashingiz mumkin. Bu oddiy va o‘rganish oson. Siz bitta element, butun veb-sahifa yoki butun veb-sayt uchun uslubni qo‘llashingiz mumkin. Bu qurilma uchun ham qulay.
Brauzerning mosligi va xavfsizligi tashvish tug'diradigan ikkita sohadir. Xuddi shunday, CSS-ning turli versiyalari ham chalkashliklarni keltirib chiqaradi. Ishlab chiquvchilarga dizaynga biron bir o‘zgartirish kiritishdan oldin muvofiqlikni tekshirish tavsiya etiladi.
JavaScript
JavaScript yoki JS so‘nggi paytlarda veb-saytlarning 90% dan ko‘prog'i tomonidan ishlatiladigan eng mashhur mijoz dasturlash tilidir. U 1995 yilda Netscape'dan Brendan Eich tomonidan ishlab chiqilgan. JavaScript oddiy, o‘rganish oson sintaksisdan foydalanadi. Til shu qadar mashhurki, har bir brauzer qurilmalarda JavaScript kodini ishlatish uchun JS dvigateli bilan birga keladi. Har qanday veb-sahifaga JS kodini kiritish oson, bu esa uni yuqori darajada birgalikda ishlash imkonini beradi. Bu sizga yaxshi UI/UX tajribasini taqdim etish uchun boy interfeyslarni yaratish imkonini beradi. Mijoz tomonida bo‘lgan JS server yukini ham kamaytiradi.
Biroq, ishlab chiquvchilar xavfsizlikka ehtiyot bo‘lishlari kerak, chunki kod ba'zida xakerlar tomonidan ishlatilishi mumkin bo‘lgan mijoz tomonida bajariladi.
Foydalanuvchi Veb sayt asosiy urlni browserga kirtib qidirganda unga dastlab bosh sahifa ko‘rinadi. Men bosh sahifa uchun online taom buyurtma qilish platformasining vazifalari nimadan iborat ekanligini foydalanuvchiga oson tushuntirish uchun u haqidagi asosiy malumotlarni kiritdim (1.3-rasm).
1.3-rasm. Online taom buyurtma qilish veb ilovasining bosh sahifasi.
Bosh sahifadan mijoz o’zi istalgan taomlarni tanlashi, ularni savatchaga qo’shishi, yetkazib berish malumotlari bilan tanishish, avvalgi buyurtmalarini ko’rish shu kabi amallarni bajarishi mumkin.
1.4-rasm. Taom buyurtma qilish.
Tanlangan buyurtmani savatchaga qo’shish va savatchada ularni miqdorini kiritishi va to’lov ma’lumotlarini kiritishi mumkin bo’ladi.
1.5-rasm. Buyurtma mahsulotlarini savatchaga qo’shish.
Savatchaga bir nechta taomlar kiritilgan bo’lsa ularni bir vaqtda savatchadan tozalash imkoniyati ham mavjud, yoki bir nechtasini tanlab buyurtma qilish mumkin. Bu kabi funksiyalar foydalanuvchiga qulayliklar yaratadi.
1.6-rasm. Buyurtma to’lovi uchun ma’lumotlarni kiritish
Buyurtma uchun to’lov ma’lumotlarini kiritib bo’lgandan so’ng buyurtmani rasmiylashtirish mumkin bo’ladi. Foydalanuvchi uchun qulaylik yaratish va yurtimizdagi foydalanuvchilarning ijtimoiy tarmoqlardan foydalanish bo’yicha ma’lumotlaridan foydalangan holda Telegram messenjeri foydalanuvchilari yurtimizda boshqa ijtimoiy tarmoqlardan ko’proqligini hisobga olgan holda buyurtma ma’lumotlarini telegram bot orqali yuborish bu yaxshi amaliyot hisoblanadi. Shuning uchun buyurtma va u uchun to’lov ma’lumotlarini telegramga yuborildi. Bu bilan ilovaning foydalanuvchilarga qulayligi oshirildi. Ilovada yaratilgan har bir qulaylik foydalanuvchilarning vaqtini tejashga ularga muvaffaqiyatli buyurtmalarni tezkorlik bilan amalga oshirish imkonini beradi. Shu bilan birga ilova foydalanuvchilarining sonini oshishiga xizmat qiladi.
1.7-rasm. Buyurtmani telegram botga yuborish.
|
| |
