JavaScript veb-sahifalarni qiziqarli va interaktiv qilishga yordam beradigan maxsus tildir. U ko'p odamlar tomonidan qiziqarli veb-saytlar yaratish uchun ishlatiladi. Veb-ishlab chiqishda JavaScript veb-saytlarni jonlantiradigan sehrli vositaga o'xshaydi. U matnni o'zgartirishi, rasmlarni ko'chirishi va hatto siz bilan gaplashishi mumkin!
JavaScript - bu kompyuter tili. U kompyuterga veb-sahifadagi oddiy va qiziqarli narsalarni qanday qilish kerakligini aytadi. Biror tugmani bosganingizda yoki veb-saytda animatsiyani ko'rsangiz, JavaScript sahna ortida ishlaydi. Bu veb-ishlab chiqishdagi asosiy vositalardan biridir.
Tasavvur qiling, sizda o'yinchoq robot bor. Siz robotga ko'rsatmalar berib, nima qilish kerakligini aytasiz. JavaScript kompyuterga shunday ko'rsatmalar beradi.
Veb-saytlar matn, tasvir va ranglardan iborat. Ammo ular sizga munosabat bildirganda yanada qiziqarli bo'lishi mumkin. JavaScript veb-saytlarga sizni tinglash va keyin nima qilishni hal qilishda yordam beradi. Masalan, u tugmani bosganingizda rangini o'zgartiradi yoki havolani bosganingizda xabarni ko'rsatishi mumkin.
Bu veb-saytlarni nafaqat chiroyli rasmlar, balki siz muloqot qilishingiz mumkin bo'lgan jonli joylarga aylantiradi. Har safar veb-saytda o'yin o'ynaganingizda yoki interaktiv hikoyani o'rganganingizda, JavaScript uni amalga oshiradi.
JavaScript-da tushunish oson bo'lgan oddiy g'oyalar mavjud. Ushbu g'oyalarni qurilish bloklari sifatida tasavvur qiling. Ularni birlashtirganingizda, Internetda ajoyib narsalarni yaratishingiz mumkin. Mana bir nechta asosiy fikrlar:
Ushbu g'oyalarning har biri yanada murakkab va interaktiv veb-sahifalarni yaratishga yordam beradi.
O'zgaruvchi nomli maxsus qutiga o'xshaydi. Quti ichiga har xil turdagi narsalarni qo'yishingiz mumkin. Ba'zan siz raqamlarni, ba'zan esa so'zlarni kiritishingiz mumkin. JavaScript-da siz let yoki var kabi so'zlar yordamida o'zgaruvchi yaratishingiz mumkin.
Misol uchun, agar siz ismingizni saqlamoqchi bo'lsangiz, ushbu kodni yozishingiz mumkin:
let myName = "Sam";
Ushbu kod "mening ismim" deb nomlangan qutini yaratadi va uning ichiga "Sam" so'zini qo'yadi.
Siz saqlashingiz mumkin bo'lgan turli xil ma'lumotlar mavjud. Ayrimlari:
O'zgaruvchilar veb-sayt ishlayotgan paytda o'zgarishi mumkin bo'lgan ma'lumotlarni saqlashga yordam beradi.
JavaScript-dagi funksiya bitta vazifani bajaradigan kichik mashinaga o'xshaydi. Siz mashinaga nom berasiz va unga qanday vazifani bajarish kerakligini aytasiz. So'ngra, bu ishni bajarish kerak bo'lganda, siz funktsiyani chaqirasiz.
Misol uchun, agar siz salom aytmoqchi bo'lsangiz, quyidagi kabi funktsiyani yozishingiz mumkin:
funksiya sayHello() {
alert("Salom, do'stim!");
}
SayHello() funksiyasiga qo'ng'iroq qilganingizda, "Salom, do'stim!" degan kichik xabar paydo bo'ladi. Bu tugmani bosganingizda qisqa qo'shiq ijro etadigan o'yinchoqqa o'xshaydi.
Ba'zan, kompyuter keyin nima qilishni tanlashi kerak. Bu erda shartli gaplar kiradi. Ular kompyuterga biror narsaning to'g'ri yoki noto'g'riligini tekshirish orqali qaror qabul qilishda yordam beradi.
Buni o'ylab ko'ring: agar yomg'ir yog'ayotgan bo'lsa, siz soyabon olishga qaror qilishingiz mumkin. Agar yomg'ir yog'masa, soyabon kerak emas. JavaScript-da siz shunday oddiy shart yozishingiz mumkin:
agar (harorat > 30) {
ogohlantirish ("Tashqarida issiq!");
} boshqa {
alert("Bu juda issiq emas!");
}
Bu kod harorat 30 dan yuqori yoki yo'qligini tekshiradi. Agar shunday bo'lsa, u issiq ekanligini bildiradi. Aks holda, u juda issiq emasligini aytadi.
Looplar ko'rsatmalar to'plamini ko'p marta takrorlash imkonini beradi. Ular quvnoq maydonni aylanib o'tishga o'xshaydi. Xuddi shu kodni qayta-qayta yozish o'rniga, tsikl buni siz uchun qiladi.
Misol uchun, agar siz "Men kodlashni yaxshi ko'raman!" besh marta, siz pastadirdan foydalanishingiz mumkin:
uchun (i = 0; i < 5; i++) {
console.log("Men kodlashni yaxshi ko'raman!");
}
Ushbu kod kompyuterdan jumlani besh marta chop etishni so'raydi. Bu o'yinchoqlaringizni birma-bir sanashga o'xshaydi.
JavaScript-da hodisalar bu kompyuterga biror narsa sodir bo'lganligini bildiruvchi signallardir. Bu hodisalar sichqonchani bosish, tugmani bosish yoki hatto oyna o'lchamini o'zgartirish bo'lishi mumkin. Kompyuter ushbu hodisalarni tinglaydi va keyin javob beradi.
Misol uchun, veb-sahifadagi tugmani bosganingizda, voqea sodir bo'ladi. JavaScript bu chertishni aniqlay oladi va keyin javob berish funksiyasini ishga tushiradi. Mana oddiy misol:
let tugmasi = document.getElementById("myButton");
button.addEventListener("klik", function() {
ogohlantirish ("Siz tugmani bosdingiz!");
});
Ushbu kod "myButton" identifikatoriga ega tugmani topadi va bosishni tinglaydi. Tugma bosilganda, "Siz tugmani bosdingiz!" degan xabar paydo bo'ladi.
Hujjat obyekti modeli yoki DOM veb-sahifaning barcha qismlarini ko'rib chiqish va ular bilan o'zaro ta'sir qilish usulidir. DOMni daraxt sifatida tasavvur qiling. Daraxtning ko'plab shoxlari bor va har bir novda sahifadagi elementni, masalan, paragraf, rasm yoki tugmani ifodalaydi.
JavaScript bu filiallarni o'zgartirishi mumkin. U yangi narsalarni qo'shishi, eskilarini olib tashlashi yoki o'zgartirishi mumkin. Masalan, tugmani bosganingizda, u paragraf ichidagi matnni o'zgartirishi mumkin.
Bu juda muhim, chunki u interaktiv veb-saytlarni yaratishga yordam beradi. DOM-dan foydalangan holda veb-sahifangiz qayta yuklamasdan dinamik ravishda o'zgarishi mumkin.
Keling, amaldagi JavaScript-ning oddiy misolini ko'rib chiqaylik. Tasavvur qiling, sizda tugmachali veb-sahifa bor. Tugmani bosganingizda, u salom aytishini xohlaysiz. Siz kodni shunday yozishingiz mumkin:
<!DOCTYPE html>
<html>
<head>
<title>Oddiy JavaScript misoli</title>
</head>
<tana>
<button id="greetButton">Menga bosing!</button>
<skript>
greetUser() funksiyasi
alert("Salom, do'stim!");
}
let tugmasi = document.getElementById("greetButton");
button.addEventListener("klik", greetUser);
</script>
</body>
</html>
Ushbu kod veb-sahifada tugma hosil qiladi. Tugma bosilganda greetUser() funksiyasi ishga tushadi va “Salom, do‘stim!” xabari bilan qalqib chiquvchi oyna paydo bo‘ladi.
JavaScript oddiy matematikani ham qila oladi. U raqamlarni qo'shish, ayirish, ko'paytirish va bo'lish mumkin. Bu xususiyat kichik ilovalar yoki hatto o'yinlar yaratish uchun juda foydali.
Misol uchun, agar siz ikkita raqam qo'shmoqchi bo'lsangiz, quyidagilarni yozishingiz mumkin:
raqam 1 = 5 bo'lsin;
raqam 2 = 3 bo'lsin;
yig'indisi = son1 + son2;
alert("Yig'indi" + yig'indisi);
Ushbu kod ikkita raqamni, 5 va 3 ni oladi, ularni qo'shadi va keyin "Yig'indi 8" degan xabarni ko'rsatadi.
Har safar tugmalar, animatsiyalar yoki o'yinlar mavjud veb-saytga tashrif buyurganingizda, ehtimol JavaScript ishlaydi. Bu veb-saytlarni dinamik va qiziqarli qiladi. Misol uchun, siz onlayn xarid qilganingizda yoki video tomosha qilganingizda, JavaScript sahna ortida muhim rol o'ynaydi.
Bu sahifaning qismlarini tezda yuklashga, xatolarni tekshirishga va hatto sahifani qayta yuklamasdan yangi ma'lumotlarni ko'rsatishga yordam beradi. YouTube, Facebook va boshqa ko'plab veb-saytlar siz uchun qulay tajriba yaratish uchun JavaScript-dan foydalanadi.
JavaScript-ni o'rganish rangli LEGO bloklari bilan o'ynashga o'xshaydi. Har bir blok kodning kichik qismidir. Ko'p bloklarni birlashtirganingizda, siz ajoyib narsalarni qurishingiz mumkin. Avvaliga oddiy uy qurish uchun bir nechta bloklardan foydalanishingiz mumkin. Keyinchalik, siz ko'proq bloklardan foydalanishni va katta qal'ani yoki hatto kosmik kemani qurishni o'rganasiz!
JavaScript-ni tushunishning eng yaxshi usuli kichik qismlarni yaratish va keyin ularni to'liq veb-sahifa yaratish uchun birlashtirishdir. Siz o'rgangan har bir yangi g'oya veb-saytingiz loyihalari uchun yana bir LEGO blokidir.
Ko'pgina yordamchilar JavaScript-ni yanada kuchliroq qiladi. Bu yordamchilar kutubxonalar va ramkalar deb ataladi. Ular maxsus shakldagi LEGO bloklarining qo'shimcha to'plamlariga o'xshaydi. Ba'zi mashhur JavaScript yordamchilari:
Ushbu vositalar ko'plab ishlab chiquvchilarga barcha kodlarni o'zlari yozish o'rniga ajoyib veb-saytlar yaratishda yordam beradi. Ular hatto o'yin-kulgi uchun mo'ljallangan til ham haqiqiy dunyoda kuchli vosita bo'lishi mumkinligini ko'rsatadi.
Veb-brauzer - bu veb-saytlarga tashrif buyurish uchun foydalanadigan dastur. Mashhur brauzerlar - Chrome, Firefox, Safari va Edge. JavaScript ushbu brauzerlarda ishlaydi. Veb-sahifangizga JavaScript kodini yozganingizda, brauzer uni o'qiydi va sahifangizni interaktiv qiladi.
Brauzerni sahna, JavaScript esa aktyor sifatida tasavvur qiling. Aktyor stsenariyga (sizning kodingizga) amal qiladi va spektakl qo'yadi. JavaScript bo'lmasa, sahna bo'sh bo'lardi va shou deyarli qiziqarli bo'lmaydi.
Veb-sahifani ochganingizda, brauzer quyidagilarni bajaradi:
Bu jarayon JavaScript qanday qilib veb-sahifaning ko'rinishi va hissiyotini to'ldirishini ko'rsatadi.
JavaScript kundalik hayotimizda ko'plab qiziqarli va foydali usullarda qo'llaniladi. Mana bir nechta misollar:
Ushbu misollarni ko'rish JavaScript shunchaki ekrandagi kod haqida emasligini ko'rsatadi. Bu bizning kundalik faoliyatimiz bilan texnologiyani bog'laydigan ko'prikdir.
Yosh bo'lsangiz ham, oddiy loyihalarni o'ylab, JavaScript-ni o'rganishni boshlashingiz mumkin. Siz tugmani bosganingizda fon rangini o'zgartiradigan veb-sahifadan boshlashingiz mumkin. Yoki siz uning turli qismlarini bosganingizda o'zgarib turadigan kichik hikoya yaratishingiz mumkin.
Har bir loyiha, qanchalik kichik bo'lmasin, veb-sayt qanday ishlashi haqida ko'proq narsani o'rgatadi. Har bir qadam, xuddi to'liq so'zlarni yozishdan oldin alifboni o'rganish kabi, ishonchingizni oshiradi.
JavaScript - bu sizga ijodiy bo'lish imkonini beruvchi vositadir. U nafaqat o'rganish yoki jiddiy veb-saytlar yaratish uchun foydalanilmaydi; bu sizning ijodingizni ifodalashning bir usuli hamdir. Siz JavaScript yordamida o'yinlar, interaktiv hikoyalar va hatto animatsiyalarni loyihalashingiz mumkin.
JavaScript bilan ishlaganingizda, o'zingizni kod bilan rasm chizadigan rassom sifatida tasavvur qilishingiz mumkin. Har bir funksiya va har bir oʻzgaruvchi internetda chiroyli rasm yaratishga yordam beradi.
Esingizda bo'lsin, JavaScript-dagi ijodkorlik katta oq qog'ozga yorqin rangli qalamlar to'plami bilan chizishga o'xshaydi. Hech qanday cheklovlar yo'q va sizning tasavvuringiz sizning rahbaringizdir.
JavaScript - bu veb-ishlab chiqishda ishlatiladigan kompyuter tili. Bu veb-saytlarni interaktiv va jonli qilishga yordam beradi. JavaScript yordamida veb-sahifalarga matnni o'zgartirish, bosishlarga munosabat bildirish va hatto oddiy hisob-kitoblarni amalga oshirish kabi qiziqarli amallarni qo'shishingiz mumkin.
JavaScript-ning asosiy qurilish bloklari quyidagilardan iborat:
JavaScript shuningdek, bosish va tugmalarni bosish kabi voqealarni tinglaydi. Veb-sahifani qayta yuklamasdan ko'rayotganingizni o'zgartirish uchun u Hujjat Ob'ekt Modeli (DOM) bilan ishlaydi. Bu veb-saytlarni dinamik va qiziqarli qiladi.
Ko'pgina mashhur veb-saytlar va onlayn o'yinlar JavaScript-dan foydalanadi. Hamma joyda bor! Salomlash tugmasi bo'lgan oddiy veb-saytlardan tortib murakkab onlayn ilovalargacha JavaScript hammasining markazida.
JavaScript-ni o'rganish LEGO bloklari bilan qurishga o'xshaydi. Kichikdan boshlang, bir vaqtning o'zida bir qismni o'rganing va tez orada siz ajoyib loyihalarni yaratishingiz mumkin. Har bir yangi g'oya sizning ijodiy asboblar qutingizdagi yana bir vositadir.
Ushbu darsda biz veb-saytlarni jonlantirish uchun JavaScript HTML va CSS bilan qanday ishlashini ko'rdik. Biz o'zgaruvchilar, funktsiyalar, shartlar, tsikllar, hodisalar va DOM haqida bilib oldik. Ushbu qismlar bir-biriga qanday mos kelishini tushunish uchun oddiy misollarni ham ko'rib chiqdik.
Esda tutish kerak bo'lgan asosiy fikrlar:
JavaScript-ni o'rganishda davom eting. Siz yozgan har bir yangi kod bilan siz veb-ishlab chiqishda ijodiy imkoniyatlar dunyosini ochasiz. Sayohatingizdan rohatlaning va veb-saytlaringizni jonlantirishdan zavqlaning!