3.3 NFC texnologiyasini dasturini ishlab chiqish
JavaScript oʻzaro platformali, obyektga yoʻnaltirilgan skript tilidir. Bu
kichik va engil til. Xost muhitida (masalan, veb-brauzer) JavaScript-ni o‘z muhiti
ob'ektlari ustidan dasturiy boshqaruvni ta'minlash uchun ulash mumkin.
JavaScript-da Array, Date va Math kabi ob'ektlarning standart kutubxonasi va
operatorlar, boshqaruv tuzilmalari va bayonotlar kabi til elementlarining asosiy
to‘plami mavjud. Asosiy JavaScript-ni qo‘shimcha ob'ektlar bilan to‘ldirish orqali
turli maqsadlar uchun kengaytirilishi mumkin. Masalan mijoz tomoni JavaScript
brauzerni va uning Hujjat Ob'ekt Modelini (DOM) boshqarish uchun ob'ektlarni
taqdim etish orqali asosiy tilni kengaytiradi. Server tomonidagi JavaScript serverda
JavaScript-ni ishga tushirish uchun tegishli ob'ektlarni taqdim etish orqali asosiy
tilni kengaytiradi.
https://www.javascript.com/
()
React, Facebook tomonidan ishlab chiqarilgan va ommalashtirilgan bir
JavaScript kutubxonasi (library)dir. Ush kutubxonasi, veb interfeyslarni va ularga
dinamiklik qo‘shishda yordam beradi. React, osonlik, effektivlik va komponentlar
tizimiga texnologik tajribani ta'minladi.
React, Virtual DOM (Virtual Document Object Model) konseptsiyasiga, veb
interfeyslarni yangilash va yangilashda effektivlikni ochish. Virtual DOM, DOM-
ni (HTML, XML yoki XUL ob'ektlaridan tashkil topgan veb-saytning modeli)
taklif etadi va har bir o‘zgarishni kamaytirishda to‘rtburchak qiyosiy va faqat
o‘zgarishlarni yangilash yaratadi. Bu esa veb saytlar va ilovalarni tez va samarali
qiladi.
41
React, komponentlar tizimiga samarali bir arhitekturaga ega. Bunda veb
interfeysning har bir qismi alohida komponentlar sifatida tanlanadi va har bir
komponent o‘ziga xos tarzda va holati bilan o‘ziga xos bo‘ladi. Bu modulyar
tuzilma orqali interfeysni, o‘ boshqarish va boshqarish oson va qulay bo‘ladi.
Komponentlarni JSX (JavaScript XML) sintaksisiga kiriting, bu esa HTML-
sifatida JavaScript kodini ishlatish imkonini beradi.
React, boshqa kutubxonalar bilan ham yaxshi integratsiya qiladi va uni
boshqa texnologiya bilan hamfikrlashtirish oson. boshlash, til o‘rniga yaxshi
qo‘llab-quvvatlashni o‘zgartirish, o‘zgartirishlar bilan interaktiv tajribani va veb-
saytlarni boshqarish imkonini beradi.
React, keng doirada va iOS, Android, veb va boshqa platformalarda
dasturlarni tekshiriladi. React Native orqali mobil ilovalarni yozish, Next.js orqali
SSR (Server-Side Rendering) va SPA (Single-Page Application) orqali, Redux
orqali holatni boshqarish va GraphQL, Axios yoki Fetch orqali server bilan
ma'lumot
almashish
kabi
qo‘shimcha
kutubxona.
ham
yurish
mumkin.(
https://react.dev/
)
Bizning maqsad NFC o‘qiydigan vzitka karta yaratish. Uning biz RFID
karta kerak bo‘ladi.
3.2-rasm. RFID karta
Mobile qurilmaga Play market ilovasidan NFC tools ilovasini yuklab olish
kerak.
42
3.3-rasm. NFC Tools ilovasi
Shu ilovaga kirilganda READ va WRITE bo‘limlari chiqadi. WRITE
bo‘limiga kirib URLga (
https://my-portfolio-rosy-chi.vercel.app/
) buyruq yozib
olish kerak.
3.4-rasm. WRITE bo‘limi
Keyin esa READ bo‘limiga kirib yozgan buyrug‘imizni o‘qitib olishimiz
kerak
43
3.5-rasm. READ bolimi.
Dastur kodlari.
44
3.6-rasm. Fayllar bo‘limi
45
3.7-rasm. App.js fayli
3.8-rasm. Header.js fayli
46
3.9-rasm. NFC o‘qigan vizitka natijasi
|