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;
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: