Salom yosh do'stlar! Bugun biz JavaScript-ni o'rganamiz. JavaScript - bu kompyuter tilining maxsus turi. Bu bizga veb-sahifalarni interaktiv va qiziqarli qilishimizga yordam beradi. Bir tugmani bosganingizda yoki veb-saytda biror narsa harakatlanayotganini ko'rsangiz, bu ko'pincha JavaScript tufayli bo'ladi.
Tasavvur qiling, siz o'yinchoq robot bilan o'ynayapsiz. Robotni harakatga keltirish uchun unga nima qilish kerakligini aytish kerak. Xuddi shu tarzda, JavaScript kompyuterga veb-sahifa qanday ishlashi kerakligini aytadi. Siz tomosha qilayotganda veb-saytlarni o'zgartirish bo'yicha ko'rsatmalar beradi.
Veb-saytlarni ishlab chiqish veb-saytlarni yaratishni anglatadi. HTML bilan ishlaganimizda biz veb-sayt strukturasini yaratamiz. CSS veb-saytni chiroyli qiladi. JavaScript tugmalarni bosganingizda yoki sahifani pastga aylantirganingizda veb-saytlarni javob berish orqali sehr qo'shadi. Bugun biz JavaScript qanday ishlashini juda oddiy tarzda o'rganamiz.
Bu dars oson tilda yozilgan. Biz oddiy so'zlar va kundalik hayotdan misollar keltiramiz. Agar siz kompyuterda yangi bo'lsangiz ham, ushbu darsni tushunishingiz mumkin. Keling, o'rganish sarguzashtimizni JavaScript bilan boshlaylik!
JavaScript - bu kompyuterlar tushunadigan til. Bu kompyuter amal qilishi mumkin bo'lgan tarzda yozilgan ko'rsatmalar to'plami. Veb-saytga tashrif buyurganingizda, kompyuter sahifa qismlarini o'zgartirish uchun JavaScript-dan foydalanadi. Masalan, sichqonchani bosganingizda rasm yoki xabar paydo bo'lishi mumkin.
Siz JavaScript-ni do'stona yordamchi sifatida tasavvur qilishingiz mumkin. Xuddi do'stingizdan sizga o'yinchoq berishni so'rashingiz kabi, JavaScript ham kompyuteringizga xabarlarni uzatishga va ekrandagi o'zgarishlarni ko'rsatishga yordam beradi. Bu veb-saytlarga hayot baxsh etadi.
Ko'pgina mashhur veb-saytlar JavaScript-dan foydalanadi. Onlayn o'yinlar, interaktiv hikoyalar va hatto oddiy animatsiyalar kabi veb-saytlar JavaScript bilan ishlaydi. Bu veb-saytni hayajonli qiladigan sehrli iksirga o'xshaydi.
JavaScript qanday sekin ishlashini bilib oling. Bosqichma-bosqich, har bir ko'rsatma veb-saytni qanday o'zgartirishi mumkinligini ko'rasiz. Bu qanday ishlashini tushunishga yordam beradigan oddiy misollarni ko'rib chiqamiz.
JavaScript juda muhim, chunki u o'zaro aloqani yaratadi. Tasavvur qiling-a, siz o'qigan har bir kitobni faqat hech qanday variantsiz o'qish mumkin. JavaScript-ga ega bo'lmagan veb-sayt xuddi shunday - hech qachon o'zgarmaydigan statik sahifa.
JavaScript yordamida siz harakatlanayotgan rasmlarni, matnni o'zgartirishni va ularni bosganingizda ishlarni bajaradigan tugmalarni ko'rasiz. Bu veb-saytlarni jonli va qiziqarli qiladi. Hatto rasm galereyasi kabi oddiy veb-sayt ham JavaScript-dan foydalanganda hayajonli bo'lishi mumkin.
Har safar veb-saytda qalqib chiquvchi xabar yoki kichik o'yinni ko'rganingizda, siz JavaScript ishiga qaraysiz. Aynan shuning uchun siz ba'zida "Xush kelibsiz!" kabi xabarlarni ko'rasiz. yoki "Bosganingiz uchun rahmat!"
JavaScript-dan foydalanib, veb-ishlab chiquvchilar tashrif buyuruvchilarning onlayn vaqtlarini zavqlanishiga ishonch hosil qilib, chiroyli va foydali veb-saytlarni yaratishlari mumkin.
Veb-sayt yaratishda biz HTML-dan boshlaymiz. HTML veb-sahifaning skeletiga o'xshaydi. U rasmlar, matn va tugmalar qayerga borishini ko'rsatadi. Keyin ranglar va uslublarni qo'shish uchun CSS-dan foydalanamiz. CSS skeletni jozibador qiladigan kiyimlarga o'xshaydi.
Veb-saytni interaktiv qilish uchun HTML va CSS ustiga JavaScript qo'shilgan. Bu veb-saytga kimdir u bilan aloqa qilganda nima qilish kerakligini aytadigan miyaga o'xshaydi.
Misol uchun, veb-sahifadagi tugmani bosganingizda, HTML tugmani ko'rsatadi, CSS uni chiroyli qiladi va JavaScript veb-sahifaga yashirin xabarni ko'rsatishni aytadi. Bu kombinatsiya veb-saytlarni aqlli va do'stona qiladi.
Keling, bir misolni ko'rib chiqaylik. Aytaylik, bizda "Menga bosing!" Degan tugmachali veb-sahifa bor. Tugmani bosganingizda, JavaScript "Salom, do'stim!" degan xabar paydo bo'ladi. Bu interaktivlik deb ataladigan kichik, ammo ajoyib narsa.
Qiziqarli misollarga kirishdan oldin JavaScript-dagi ba'zi asosiy so'zlarni o'rganishimiz kerak. Bular bizga ko'rsatmalar yozishga yordam beradigan qurilish bloklariga o'xshaydi. Eng muhim bloklardan ba'zilari o'zgaruvchilar, funktsiyalar va hodisalardir.
O'zgaruvchilar: o'zgaruvchi kichik qutiga o'xshaydi. Ushbu qutida siz maxsus narsalarni saqlashingiz mumkin. Bu so'z, raqam yoki hatto rasm bo'lishi mumkin. Keyinchalik bu qiymatdan foydalanmoqchi bo'lganimizda, biz uni shunchaki qutidan chiqaramiz.
Misol uchun, sizda "Alis" so'zini saqlaydigan "ism" deb nomlangan quti bo'lishi mumkin. Buni yopishqoq qog'ozga yozib, qutiga solib qo'yish deb o'ylab ko'ring, shuning uchun qachon ismini bilishingiz kerak bo'lsa, shunchaki eslatmani o'qiysiz.
Funktsiyalar: Funktsiya birgalikda ishlaydigan ko'rsatmalar guruhidir. Bu kompyuterga tortni qanday tayyorlashni aytib beradigan retseptga o'xshaydi. Kekni har safar tayyorlamoqchi bo'lganingizda, xuddi shunday natijaga erishish uchun retseptga (yoki funktsiyaga) amal qilasiz.
JavaScript-ni yozganimizda, biz oddiy vazifalarni bajarish uchun funktsiyalar yaratishimiz mumkin. Masalan, funktsiya o'yinni boshlaganingizda yoki veb-sahifaga tashrif buyurganingizda xush kelibsiz xabarni ko'rsatishi mumkin.
Voqealar: Voqea - bu veb-sahifada sodir bo'ladigan narsa. Tugmani bosganingizda, sichqonchani harakatlantirsangiz yoki tugmani bossangiz, bu harakatlar hodisalardir. JavaScript bu hodisalarni tinglaydi va keyin biror narsa sodir bo'ladi. Eshik oldiga kimdir kelganda qo'ng'iroq chalinishiga o'xshaydi.
Keling, JavaScript kodining juda oddiy misollarini ko'rib chiqaylik. Ushbu misollar kompyuterga qanday ko'rsatmalar berishimizni ko'rsatadi.
1-misol: Xabarni ko'rsatish
Bu erda xabarni ko'rsatadigan kichik kod:
<code>var message = "Salom, dunyo!"; ogohlantirish (xabar);</code>
Ushbu kodda var so'zi kompyuterga xabar nomli quti yaratishni va "Salom, dunyo!" bu quti ichida. Keyin alert() buyrug'i ushbu xabarni ekraningizdagi kichik oynada ko'rsatadi.
2-misol: Funktsiyadan foydalanish
Bu erda salomlashishni ko'rsatadigan oddiy funksiya:
<kod>
greet() funksiyasi
alert("Salom, do'stim!");
}
</code>Bu funksiya salomlash deb nomlanadi. Funktsiyadan foydalanilganda, u kompyuterga "Salom, do'stim!" Salomli oynani ko'rsatishni aytadi.
3-misol: Bosishga javob berish
Siz tugmani bosganingizda veb-sahifani biror narsa qilishga majburlashingiz mumkin. Ushbu kodga qarang:
<kod> <button onclick="greet()">Menga bosing!</button> </code>
Bu yerda “Menga bosing!” degan tugmani bosganingizda salomlashish funksiyasi faollashadi va siz salomlashish xabarini ko‘rasiz. Bu JavaScript nima qilayotganingizni qanday tinglashini va sahifani shunga mos ravishda o'zgartirishini ko'rsatadi.
Keling, o'zgaruvchilar haqida ko'proq bilib olaylik. O'zgaruvchi - bu raqam yoki so'z kabi qiymatga ega bo'lgan qutiga berilgan nom. O'zgaruvchini sevimli o'yinchoqlaringizni saqlaydigan sevimli o'yinchoq qutingiz deb tasavvur qiling. U erda nima borligini bilish uchun istalgan vaqtda qutining ichiga qarashingiz mumkin.
Misol uchun, yoshingizni saqlash uchun age deb nomlangan o'zgaruvchini yoki sevimli rangingizni saqlash uchun rang deb nomlangan o'zgaruvchini yaratishingiz mumkin. JavaScript-dan foydalanganda, qutingizga yangi o'yinchoq qo'ygandek, bu qiymatlarni xohlagan vaqtda o'zgartirishingiz mumkin.
Shunday qilib, o'zgaruvchilar ma'lumotni saqlashga va undan keyin foydalanishga yordam beradi. Bu sizning kodingizni tartibga soladi va o'qishni osonlashtiradi. Qo'shimcha ma'lumotga ega bo'lganingizda, dastur yozishda o'zgaruvchilar juda muhim ekanligini ko'rasiz.
Funktsiyalar - bu vazifani bajarishi mumkin bo'lgan maxsus kod bloklari. Tasavvur qiling-a, sizda hikoyalar kitobida sehrli afsun bor. Har safar sehrli so'zlarni aytganingizda, ajoyib narsa sodir bo'ladi. JavaScript-da funktsiya xuddi sehrli afsunga o'xshaydi.
Siz funktsiya ichidagi ko'rsatmalar ro'yxatini yozasiz, so'ngra kerakli vaqtda vazifani bajarish uchun ushbu funksiyadan foydalanishingiz mumkin. Bu sizga bir xil ko'rsatmalarni qayta-qayta yozishdan qochishingizga yordam beradi.
Misol uchun, agar siz "Salom!" Demoqchi bo'lsangiz. ko'p turli sahifalarda siz funktsiyani yozishingiz va uni har safar chaqirishingiz mumkin. Bu sizning kodingizni qisqa va tartibli saqlaydi. Funktsiyalar ishingizni osonlashtiradi va dasturlaringizni tartibga soladi.
Voqealar veb-sahifada sodir bo'ladigan harakatlardir. Ular bosish, sichqoncha harakati yoki hatto veb-sahifa yuklanganda ham bo'lishi mumkin. JavaScript bu hodisalarni tinglaydi va ularga munosabat bildiradi.
Uyda eshik qo'ng'irog'ini bosganingizda o'ylab ko'ring. Eshik qo'ng'irog'i jiringlaydi va kimdir sizni ko'rgani keladi. Veb-sahifada tugmani bosganingizda, JavaScript bu chertishni tinglaydi va keyin xuddi eshik qo'ng'irog'i kabi biror narsa sodir bo'ladi.
Masalan, sizda sahifa rangini o'zgartiradigan tugma bo'lishi mumkin. Tugmani bosganingizda, voqea boshlanadi va JavaScript rangni o'zgartiradi. Bu oddiy voqealar veb-saytni jonli va qiziqarli qilishini ko'rsatadi.
Voqealar veb-sahifalarni interaktiv qiladigan asosiy xususiyatdir. Ular kompyuterga real vaqtda qilayotgan ishingizga javob berishga yordam beradi.
Keling, fikrlarni oddiy misol bilan birlashtiraylik. Tugmani bosganingizda sizni kutib oladigan veb-sahifani tasavvur qiling. Kodning oddiy versiyasini ko'rishingiz mumkin:
<kod>
<!DOCTYPE html>
<html>
<head>
<title>Xush kelibsiz sahifa</title>
<skript>
funksiya sayHello() {
alert("Saytimizga xush kelibsiz!");
}
</script>
</head>
<tana>
<h1>Salom!</h1>
<p>Xush kelibsiz xabarni ko‘rish uchun quyidagi tugmani bosing.</p>
<button onclick="sayHello()">Menga bosing!</button>
</body>
</html>
</code>Ushbu kod oddiy veb-sahifani yaratadi. HTML sahifani yaratadi, CSS (agar qo'shilgan bo'lsa) uni jozibali qiladi va JavaScript tugmani ishlaydi. Tugmani bosganingizda, sayHello funksiyasi faollashadi va xabar paydo bo'ladi.
Bu JavaScript qanday qilib statik veb-sahifaga hayajon olib kelishining asosiy namoyishidir. Bu sizga kichik kod qismlari ekraningizda sodir bo'layotgan narsalarni qanday o'zgartirishi mumkinligini ko'rsatadi.
JavaScript har kuni tashrif buyuradigan ko'plab veb-saytlarda qo'llaniladi. Masalan, siz onlayn xarid qilish veb-saytidan foydalansangiz, JavaScript sahifani qayta yuklamasdan xarid savatini yangilashga yordam beradi. Ijtimoiy media tasmasini aylanib chiqsangiz, JavaScript yangi xabarlar muammosiz ko'rinishini ta'minlaydi.
Hatto veb-sahifalardagi kalkulyatorlar kabi oddiy vositalar ham JavaScript bilan ishlaydi. Raqamlarni qo'shish, ayirish, ko'paytirish yoki bo'lish mumkin bo'lgan kalkulyatorni tasavvur qiling. Raqamlarni sanash va qo'shish uchun barmoqlaringizdan foydalanishingiz kabi JavaScript kalkulyator ishlashi uchun ko'rsatmalarni yozadi.
O'yinlar dunyosida JavaScript qiziqarli tajribalarni yaratishga yordam beradi. Rangli animatsiyalar, harakatlanuvchi belgilar va interaktiv boshqotirmalarning barchasi JavaScript tufayli mumkin. Bu bizning raqamli dunyomizni yanada qiziqarli joyga aylantiradi.
Har safar dinamik veb-sayt bilan o'zaro aloqada bo'lganingizda - ob-havoni tekshirasizmi, video tomosha qilasizmi yoki o'yin o'ynayapsizmi - JavaScript bu tajribani silliq va sezgir qilish uchun sahna ortida ishlaydi.
Yoshingiz o'sib, JavaScript haqida ko'proq ma'lumotga ega bo'lgach, o'zingizning kichik loyihalaringizni yaratishni boshlashingiz mumkin. Siz chizish uchun sichqonchani ishlatadigan oddiy chizma ilovasini yaratishingiz yoki belgilar ekranda harakatlanadigan kichik o'yin yaratishingiz mumkin. Imkoniyatlar cheksizdir!
Loyihalar siz xohlagancha oddiy yoki murakkab bo'lishi mumkin. Ranglarni o'zgartiradigan oddiy tugma bilan boshlash ham qiziqarli loyiha bo'lishi mumkin. Har bir kichik loyihada siz JavaScript-ning ishlarni qanday ishlashi haqida bir oz ko'proq bilib olasiz.
Ushbu loyihalarda siz bugun biz o'rgangan asosiy g'oyalardan foydalanasiz: ma'lumotni saqlash uchun o'zgaruvchilar, vazifalarni bajarish uchun funktsiyalar va o'zaro ta'sirlarni boshqarish uchun hodisalar. Har bir loyiha muammoni yaxshiroq hal qiluvchi va ijodiy fikrlovchi bo'lishga yordam beradi.
Bir narsani noldan yaratish quvonchi juda hayajonli. JavaScript yordamida siz g'oyalarni haqiqiy raqamli tajribaga aylantirish imkoniyatiga egasiz. Bu rasm chizish va keyin qahramonlarni jonlantirishga o'xshaydi!
Yangi tilni o'rganish qiziqarli va qiziqarli bo'lishi mumkin. JavaScript bilan sayohatingizda sizga yordam beradigan bir necha oddiy maslahatlar:
Esingizda bo'lsin, har bir mutaxassis bir vaqtlar boshlang'ich bo'lgan. JavaScript qanday ishlashini kashf qilish jarayonidan zavqlaning va tez orada o'zingizning ajoyib veb-saytlaringizni yaratishingiz mumkin bo'ladi.
JavaScript bilan qulayroq bo'lganingizda, yanada ilg'or g'oyalar haqida eshitishingiz mumkin. Lekin tashvishlanmang! Hozircha asosiy narsalarga e'tibor qarating. Tayyor bo'lgach, siz tsikllar, shartlar va massivlar haqida bilib olishingiz mumkin.
Misol uchun, halqa aylanib yuradigan va bir xil vazifani ko'p marta takrorlaydigan shov-shuvga o'xshaydi. Shartlar kompyuterga qaror qabul qilishda yordam beradi, masalan, veb-sahifada sodir bo'layotgan voqealarga asoslanib, ikki xil harakatni tanlash.
Ushbu g'oyalar sizning kodlashni yanada qiziqarli qiladigan qo'shimcha lazzatlarga o'xshaydi. Yoshingiz ulg‘ayganingizda va JavaScript-ni yaxshi bilsangiz, asta-sekin ushbu ilg‘or g‘oyalarni sinab ko‘rishingiz mumkin. Bugungi kunda oddiy qismlarni o'rganish kifoya.
Har bir kichik bilim kelajak uchun mustahkam poydevor yaratadi. JavaScript-ni o'rganishda qo'ygan har bir qadamingiz bilan faxrlaning!
Ushbu darsda biz quyidagilarni aniqladik:
Shuni yodda tutingki, JavaScript-ni o'rganish sayohatdir. Har bir mashq sizni aqlliroq va ijodiyroq qiladi. O'rganishdan rohatlaning va veb-ishlab chiqish sehrini o'rganishdan zavqlaning!