Axborot texnologiyalari universiteti qarshi


Download 358.86 Kb.
Pdf ko'rish
bet1/3
Sana18.06.2023
Hajmi358.86 Kb.
#1555475
  1   2   3
Bog'liq
Ro\'ziyev Bekzod 2-mustaqil ishi Web dasturlash



MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT  
AXBOROT TEXNOLOGIYALARI UNIVERSITETI QARSHI 
FILIALI  
  
  
  
  
  
  
“ TT VA KT ” FAKULTETI  
2-BOSQICH AKT 11-21 GURUH TALABASINING
“ WEB DASTURLASH” FANIDAN  
  
  
  
  
  
  
Bajardi : RO’ZIYEV.B  
Qabul qildi : NOSIROV.B 


MAVZU: VUE JS haqida tushuncha, imkoniyatlari, amaliy 
ko’rsatmalar 
REJA: 
1. HTML5da JavaScript API lardan foydalanish.: HTML Web 
Workers, HTML SSE. Amaliy ko’rsatmalar. 
2. Node JS haqida tushuncha, imkoniyatlari, amaliy ko’rsatmalar 
3. React JS haqida tushuncha, imkoniyatlari, amaliy ko’rsatmalar 
Web Consortium (W3C) ham kirib keldi va yangi HTML5 ni ishlab
chiqarishni boshlashdi. HTML5 da flash pleyerlar o’rnini teglar egalladi va sayt 
strukturasi uchun alohida teglar qo’shildi. 18-yanvar 2011 yilda HTML5 logotipi 
yaratildi va 2011 yil 1 aprelda ommaga taqdim etildi. HTML5 ning ba’zi bir teg 
va atributlari haqida to’xtalib o’tamiz: 
Sayt strukturasini yaratishda asosan biz
tegidan yoki jadvalardan 
foydalanamiz. Saytning qismini
orqali ajratamiz. HTML5 da esa sayt 
strukturasi uchun alohida teglar yaratilgan. Bu teglar quyidagilar: 
-sahifa nomi uchun teg; 
-saytning eng pastki qismi (podval) uchun zarur bo’lgan teg. Asosan bu 
tegning ichiga “copyright” kabi ma’lumotlar yoziladi; 


atributlardan boshqa yana bir necha forma ma’lumotlarini tekshiradigan atributlar 
mavjud(url, data, datetime, week, month, number,..). 
Saytlar orqali videolar ko’rmoqchi bo’lib, videoga oid saytni ochsangiz, u yerda 
flash player qidirishni boshlaysiz. Ortiqcha ish bajarasiz va vaqtingizni yo’q 
joydan sarflaysiz va bir hisobda pulingizni ham (yuklab olish uchun ketadigan 
megabaytlar). HTML5 tuzuvchilari multimedia yo’nalishida ham yangi teglar 
yaratishdi va bu teglarni 


Brauzer hech qanday qiyinchilik va muammosiz JSON javobni namoyish eta 
oladi. Bunday matndan hech qanday qiyinchiliksiz keyinchalik qo’llash uchun 
istalgan ma’lumotni ajratib olish mumkin. 
API’larga yana bir nechgta misol
“application” (dastur, ilova) so’zi bir qancha hollarda qo’llanilishi mumkin. API 
holatida u: 

Dasturiy ta’minotning oldindan aniqlab olingan funksiyasiga javob beruvchi 
qismi; 

Butun bir server, butun bir dastur yoki dasturni alohida bir qismi. 
Umuman olganda , har qanday dasturiy ta’minotning fragmentini umumiy 
to’plamdan ajratib olish mumkin va uni ingliz abbreviaturasidagi “A” harvi bilan 
almoshtirish mumkin. Va u ham qaysidir ma’noda API’ga ega bo’lishi mumkin. 
Masalan dasturchi biron bir kodni o’z dasturiga tadbiq qilishi uchun boshqa 
dasturchilar tomonidan yaratilgan kutubxonadan foydalanishi mumkin. Va bu 
kutubxona dasturchi dasturining bir qismi bo’lib qoladi. Bunda u dasturiy 
ta’minotning mustaqil fragmenti bo’ladi va dasturning boshqa joylaridan kodda 
unga murojaat qilish uchun o’z API’siga ega bo’ladi. 
Obyektga yo’naltirilgan loyihalashda kod mustaqil obyektlar ko’rinishida bo’ladi. 
Dasturda bir biri bilan muloqotda bo’ladigan bunday obyektlar soni yuzdan oshiq 
bo’lishi mumkin. Va bunda ularning har birida o’zining API’si bo’ladi. Demak bu 
holda API dasturdagi obyektlarning ochiq metod va xossalari bo’lib, ular 


yordamida obyektlar o’zaro muloqotda bo’lishadi. Bundan tashqari obyektlar 
shaxsiy , ichki logikaga ega bo’lishi va bu logikalar yashirilgan bo’lishi mumkin. 
Lekin ular API bo’la olmaydi. 
<
!DOCTYPE
html
>
<
html
>
<
body
>
<
p
>
Count numbers: 
<
output
id
="result"><
/output
><
/p
>
<
button
onclick
="startWorker()">
Start Worker
<
/button
>
<
button
onclick
="stopWorker()">
Stop Worker
<
/button
>
<
script
>
var
w; 
function
startWorker()

if
(
typeof
(Worker) !== 
"undefined"
)

if
(
typeof
(w) == 
"undefined"
) { 
w = 
new
Worker(
"demo_workers.js"
); 

w.onmessage = 
function
(
event
) { 
document.getElementById(
"result"
).innerHTML = 
event
.data; 
}; 

else

document.getElementById(
"result"
).innerHTML = 
"Sorry! No Web 
Worker support."



function
stopWorker()

w.terminate(); 
w = undefined; 

<
/script
>
<
/body
>
<
/html



Sayt strukturasini yaratishda asosan biz
tegidan yoki jadvalardan 
foydalanamiz. Saytning qismini
orqali ajratamiz. HTML5 da esa sayt 
strukturasi uchun alohida teglar yaratilgan. Bu teglar quyidagilar: 

Download 358.86 Kb.

Do'stlaringiz bilan baham:
  1   2   3




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