Salam gənc dostlar! Bu gün biz JavaScript haqqında öyrənəcəyik. JavaScript kompüter dilinin xüsusi növüdür. Bu, bizə veb səhifələri interaktiv və əyləncəli etməkdə kömək edir. Bir düyməni kliklədiyinizdə və ya vebsaytda nəyinsə hərəkət etdiyini görəndə, bu, çox vaxt JavaScript-in səbəbidir.
Təsəvvür edin ki, oyuncaq robotla oynayırsınız. Robotun hərəkət etməsi üçün ona nə edəcəyini söyləmək lazımdır. Eyni şəkildə, JavaScript kompüterə veb səhifənin necə davranması lazım olduğunu söyləyir. Baxdığınız zaman vebsaytları dəyişdirmək üçün göstərişlər verir.
Veb inkişafı veb saytların yaradılması deməkdir. HTML ilə işləyərkən biz veb-saytın strukturunu yaradırıq. CSS vebsaytı gözəl göstərir. JavaScript, düymələri kliklədiyiniz və ya səhifəni aşağı çevirdiyiniz zaman veb-saytların cavab verməsini təmin edərək sehr əlavə edir. Bu gün biz JavaScript-in çox sadə şəkildə necə işlədiyini araşdıracağıq.
Bu dərs asan dildə yazılmışdır. Sadə sözlərdən və gündəlik həyatdan nümunələrdən istifadə edəcəyik. Kompüterlə yeni tanış olsanız belə, bu dərsi başa düşə bilərsiniz. Gəlin JavaScript ilə öyrənmə macəramıza başlayaq!
JavaScript kompüterlərin başa düşdüyü dildir. Bu, kompüterin əməl edə biləcəyi şəkildə yazılmış təlimatlar toplusudur. Vebsayta daxil olduğunuz zaman kompüter səhifənin hissələrini dəyişdirmək üçün JavaScript-dən istifadə edir. Məsələn, siçanı kliklədiyiniz zaman şəkil və ya mesaj görünə bilər.
Siz JavaScript-i mehriban köməkçi kimi düşünə bilərsiniz. Dostunuzdan sizə oyuncaq verməsini xahiş edə bildiyiniz kimi, JavaScript də kompüterinizə mesajları ötürməyə və dəyişiklikləri ekranda göstərməyə kömək edir. Veb saytlara həyat verir.
Bir çox məşhur saytlar JavaScript-dən istifadə edir. Onlayn oyunlar, interaktiv hekayələr və hətta sadə animasiyalar kimi vebsaytlar JavaScript ilə işləyir. Bu, veb saytı həyəcanlandıran sehrli bir iksir kimidir.
JavaScript-in necə yavaş işlədiyini öyrənin. Addım-addım, hər bir təlimatın veb saytı necə dəyişdirə biləcəyini görəcəksiniz. Bunun necə işlədiyini başa düşməyinizə kömək etmək üçün sadə nümunələrə baxacağıq.
JavaScript çox vacibdir, çünki qarşılıqlı əlaqə yaradır. Təsəvvür edin ki, oxuduğunuz hər kitabı heç bir seçim olmadan oxumaq olar. JavaScript olmayan veb sayt belədir - heç vaxt dəyişməyən statik səhifə.
JavaScript ilə siz hərəkət edən şəkilləri, dəyişən mətnləri və kliklədiyiniz zaman işləri görən düymələri görürsünüz. Veb saytları canlı və əyləncəli edir. Hətta şəkil qalereyası kimi sadə veb sayt JavaScript-dən istifadə etdikdə maraqlı ola bilər.
Hər dəfə veb saytında pop-up mesajı və ya kiçik bir oyun görəndə JavaScript-in işinə baxırsınız. Bəzən "Xoş gəlmisiniz!" kimi mesajlar görmənizin səbəbi budur. və ya "Kliklədiyiniz üçün təşəkkür edirik!"
JavaScript-dən istifadə etməklə veb tərtibatçılar həm gözəl, həm də faydalı vebsaytlar yarada, ziyarətçilərin onlayn vaxtlarından zövq almalarına əmin ola bilərlər.
Veb saytı qurarkən HTML ilə başlayırıq. HTML veb-səhifənin skeleti kimidir. O, şəkillərin, mətnin və düymələrin hara getdiyini göstərir. Sonra rəngləri və üslubları əlavə etmək üçün CSS-dən istifadə edirik. CSS skeleti cəlbedici edən paltarlara bənzəyir.
Veb saytı interaktiv etmək üçün HTML və CSS-in üzərinə JavaScript əlavə edilmişdir. Bu, vebsaytla kimsə əlaqə saxladıqda nə edəcəyini söyləyən beyin kimidir.
Məsələn, veb-səhifədəki düyməni kliklədiyiniz zaman HTML düyməni göstərir, CSS onu gözəl göstərir və JavaScript veb-səhifəyə gizli mesajı göstərməyi bildirir. Bu birləşmə vebsaytları ağıllı və dost edir.
Gəlin bir nümunəyə baxaq. Tutaq ki, "Mənə klikləyin!" deyən düyməsi olan veb səhifəmiz var. Düyməni kliklədiyiniz zaman JavaScript "Salam, dostum!" Bu interaktivlik adlanan kiçik, lakin gözəl bir şeydir.
Əyləncəli nümunələrə keçməzdən əvvəl JavaScript-də bəzi əsas sözləri öyrənməliyik. Bunlar bizə təlimat yazmağa kömək edən tikinti blokları kimidir. Ən vacib bloklardan bəziləri dəyişənlər, funksiyalar və hadisələrdir.
Dəyişənlər: Dəyişən kiçik bir qutu kimidir. Bu qutuda siz xüsusi bir şey saxlaya bilərsiniz. Bu, bir söz, rəqəm və ya hətta bir şəkil ola bilər. Bu dəyəri daha sonra istifadə etmək istədikdə, onu sadəcə qutudan çıxarırıq.
Məsələn, "Alisa" sözünü saxlayan "ad" adlı bir qutunuz ola bilər. Bunu yapışqan kağıza yazıb qutuya qoymaq kimi düşünün, ona görə də adı bilmək lazım olanda sadəcə qeydi oxuyursunuz.
Funksiyalar: Funksiya birlikdə işləyən təlimatlar qrupudur. Bu, kompüterə tortun necə hazırlanacağını izah edən reseptə bənzəyir. Hər dəfə tortu hazırlamaq istədiyiniz zaman eyni nəticəni əldə etmək üçün reseptə (və ya funksiyaya) əməl edirsiniz.
JavaScript yazanda biz sadə tapşırıqları yerinə yetirmək üçün funksiyalar yarada bilərik. Məsələn, bir oyuna başladığınız zaman və ya veb səhifəni ziyarət etdiyiniz zaman bir funksiya xoş gəlmisiniz mesajının görünməsinə səbəb ola bilər.
Hadisələr: Hadisə veb-səhifədə baş verən bir şeydir. Düyməni kliklədikdə, siçanı hərəkət etdirdikdə və ya düyməni basdıqda bu hərəkətlər hadisələrdir. JavaScript bu hadisələri dinləyir və sonra nə isə baş verir. Kimsə qapıya gələndə qapının zəngini çalmağa bənzəyir.
Gəlin JavaScript kodunun çox sadə nümunələrinə baxaq. Bu nümunələr kompüterə necə təlimat verdiyimizi göstərir.
Misal 1: Mesajın göstərilməsi
Budur mesajı göstərən kiçik bir kod:
<code>var message = "Salam, dünya!"; xəbərdarlıq (mesaj);</code>
Bu kodda var sözü kompüterə mesaj adlı bir qutu yaratmağı və "Salam, dünya!" sözlərini saxlamağı əmr edir. o qutunun içində. Daha sonra alert() əmri həmin mesajı ekranınızdakı kiçik pəncərədə göstərir.
Misal 2: Funksiyadan istifadə
Budur salamlamanı göstərən sadə bir funksiya:
<kod>
salamlama funksiyası () {
alert("Salam, dostum!");
}
</code>Bu funksiya salamlama adlanır. Funksiyadan istifadə edildikdə, o, kompüterə "Salam, dost!" salamı olan bir pəncərə göstərməyi bildirir.
Misal 3: Klikə cavab vermək
Düyməni kliklədiyiniz zaman veb səhifəni nəsə edə bilərsiniz. Bu koda baxın:
<kod> <button onclick="greet()">Mənə Klikləyin!</button> </code>
Burada “Click Me!” yazan düyməni basdığınız zaman salamlama funksiyası işə düşür və siz salamlama mesajını görürsünüz. Bu, JavaScript-in etdiklərinizi necə dinlədiyini və səhifəni buna uyğun dəyişdiyini göstərir.
Gəlin dəyişənlər haqqında daha çox öyrənək. Dəyişən rəqəm və ya söz kimi dəyəri saxlayan qutuya verilən addır. Sevimli oyuncaqlarınızı saxladığınız sevimli oyuncaq qutunuz kimi dəyişəni düşünün. İstənilən vaxt qutunun içərisinə baxaraq orada nə olduğunu görə bilərsiniz.
Məsələn, yaşınızı saxlamaq üçün age adlı dəyişən və ya sevimli rənginizi saxlamaq üçün rəng adlı dəyişən yarada bilərsiniz. JavaScript-dən istifadə edərkən, qutunuza yeni oyuncaq qoymaq kimi, bu dəyərləri istədiyiniz zaman dəyişə bilərsiniz.
Beləliklə, dəyişənlər məlumatı saxlamağa və daha sonra istifadə etməyə kömək edir. Bu, kodunuzu təşkil edir və oxumağı asanlaşdırır. Daha çox öyrəndikcə, proqram yazarkən dəyişənlərin çox vacib olduğunu görəcəksiniz.
Funksiyalar bir tapşırığı yerinə yetirə bilən xüsusi kod bloklarıdır. Təsəvvür edin ki, bir hekayə kitabında sehrli bir sehriniz var. Hər dəfə sehrli sözləri deyəndə heyrətamiz bir şey baş verir. JavaScript-də funksiya həmin sehrli sehr kimidir.
Funksiya daxilində təlimatların siyahısını yazırsınız və sonra bu funksiyadan istədiyiniz zaman tapşırığı yerinə yetirmək üçün istifadə edə bilərsiniz. Bu, eyni təlimatları təkrar yazmaqdan çəkinməyə kömək edir.
Məsələn, "Salam!" demək istəyirsənsə. bir çox müxtəlif səhifələrdə bir funksiya yaza və hər dəfə onu çağıra bilərsiniz. Bu kodunuzu qısa və səliqəli saxlayır. Funksiyalar işinizi asanlaşdırır və proqramlarınızı daha mütəşəkkil edir.
Hadisələr veb-səhifədə baş verən hərəkətlərdir. Onlar klik, siçan hərəkəti və ya hətta veb səhifə yükləndikdə də ola bilər. JavaScript bu hadisələri dinləyir və onlara reaksiya verir.
Evdə qapı zənginə basdığınız zaman düşünün. Qapının zəngini çalır və kimsə səni görməyə gəlir. Veb-səhifədə bir düyməni kliklədiyiniz zaman JavaScript həmin klikə qulaq asır və sonra qapı zəngini kimi nəsə baş verir.
Məsələn, səhifənin rəngini dəyişən bir düyməniz ola bilər. Düyməni kliklədiyiniz zaman hadisə başlanır və JavaScript rəngi dəyişir. Bu, sadə hadisələrin veb saytı necə canlı və əyləncəli edə biləcəyini göstərir.
Hadisələr veb səhifələri interaktiv edən əsas xüsusiyyətdir. Onlar kompüterə real vaxtda etdiklərinizə cavab verməyə kömək edir.
Sadə bir nümunə ilə fikirləri birləşdirək. Düyməni kliklədiyiniz zaman sizi qarşılayan bir veb səhifə təsəvvür edin. Kodun sadə versiyasını görə bilərsiniz:
<kod>
<!DOCTYPE html>
<html>
<baş>
<title>Xoş Gəlmə Səhifəsi</title>
<script>
funksiya sayHello() {
alert("Veb saytımıza xoş gəlmisiniz!");
}
</script>
</head>
<bədən>
<h1>Salam!</h1>
<p>Xoş gəlmisiniz mesajını görmək üçün aşağıdakı düyməyə klikləyin.</p>
<button onclick="sayHello()">Mənə Klikləyin!</button>
</body>
</html>
</code>Bu kod sadə veb səhifə yaradır. HTML səhifəni qurur, CSS (əlavə edilərsə) onu cəlbedici göstərər və JavaScript düyməni işlədir. Düyməni tıkladığınız zaman sayHello funksiyası aktivləşir və mesaj açılır.
Bu, JavaScript-in başqa cür statik veb səhifəyə necə həyəcan gətirə biləcəyinin əsas nümayişidir. Bu, kiçik kod hissələrinin ekranınızda baş verənləri necə dəyişdirə biləcəyini göstərir.
JavaScript hər gün daxil olduğunuz bir çox vebsaytda istifadə olunur. Məsələn, onlayn alış-veriş saytından istifadə etdiyiniz zaman, JavaScript səhifəni yenidən yükləmədən alış-veriş səbətini yeniləməyə kömək edir. Sosial media lentini vərəqlədiyiniz zaman JavaScript yeni yazıların rəvan görünməsini təmin edir.
Veb səhifələrdəki kalkulyatorlar kimi sadə alətlər belə JavaScript ilə işləyir. Təsəvvür edin ki, ədədləri əlavə edə, çıxa, vura və ya bölə bilən bir kalkulyator var. JavaScript kalkulyatorun işləməsi üçün təlimatları yazır, eynilə siz rəqəmləri saymaq və əlavə etmək üçün barmaqlarınızdan istifadə edə bilərsiniz.
Oyunlar dünyasında JavaScript əyləncəli təcrübələr yaratmağa kömək edir. Rəngarəng animasiyalar, hərəkət edən personajlar və interaktiv tapmacalar JavaScript sayəsində mümkündür. Bu, rəqəmsal dünyamızı daha cəlbedici bir yerə çevirir.
Hər dəfə dinamik vebsaytla əlaqə saxladığınız zaman – istər havanı yoxlayır, istər videoya baxırsınız, istərsə də oyun oynayırsınız – JavaScript bu təcrübəni hamar və həssas etmək üçün pərdə arxasında işləyir.
Böyüdükcə və JavaScript haqqında daha çox öyrəndikcə, öz kiçik layihələrinizi yaratmağa başlaya bilərsiniz. Siz çəkmək üçün siçanınızdan istifadə etdiyiniz sadə rəsm proqramı yarada və ya simvolların ekranda hərəkət etdiyi kiçik bir oyun yarada bilərsiniz. İmkanlar sonsuzdur!
Layihələr istədiyiniz qədər sadə və ya mürəkkəb ola bilər. Rəngləri dəyişdirən sadə bir düymə ilə başlamaq belə əyləncəli bir layihə ola bilər. Hər kiçik layihə ilə siz JavaScript-in işlərin necə işləməsi haqqında bir az daha çox öyrənirsiniz.
Bu layihələrdə siz bu gün öyrəndiyimiz əsas ideyalardan istifadə edəcəksiniz: məlumatları saxlamaq üçün dəyişənlər, tapşırıqları yerinə yetirmək üçün funksiyalar və qarşılıqlı əlaqəni idarə etmək üçün hadisələr. Hər bir layihə daha yaxşı problem həll edən və daha yaradıcı düşünən bir insan olmağa kömək edir.
Sıfırdan bir şey yaratmağın sevinci çox həyəcanlıdır. JavaScript ilə siz ideyaları real rəqəmsal təcrübəyə çevirmək gücünüz var. Bu, şəkil çəkmək və sonra personajları canlandırmaq kimidir!
Yeni bir dil öyrənmək əyləncəli və maraqlı ola bilər. JavaScript ilə səyahətinizdə sizə kömək edə biləcək bəzi sadə məsləhətlər:
Unutmayın ki, hər bir mütəxəssis bir zamanlar başlanğıc idi. JavaScript-in necə işlədiyini kəşf etmək prosesindən həzz alın və tezliklə öz gözəl vebsaytlarınızı yarada biləcəksiniz.
JavaScript ilə daha rahatlaşdıqca, daha təkmil ideyalar haqqında eşidə bilərsiniz. Amma narahat olma! Hələlik əsaslara diqqət yetirin. Hazır olduqda, döngələr, şərtlər və massivlər haqqında öyrənə bilərsiniz.
Məsələn, bir döngə ətrafda dolanan və eyni işi dəfələrlə təkrarlayan şənliyə bənzəyir. Şərtlər kompüterə qərarlar qəbul etməyə kömək edir, məsələn, veb-səhifədə baş verənlərə əsasən iki fərqli hərəkət arasında seçim etmək.
Bu fikirlər kodlaşdırmanızı daha da həyəcanlandıran əlavə tatlar kimidir. Yaşlandığınız və JavaScript ilə daha çox tanış olduğunuz zaman bu qabaqcıl ideyaları yavaş-yavaş sınaqdan keçirə bilərsiniz. Bu gün sadə parçaları öyrənmək kifayətdir.
Hər bir kiçik öyrənmə gələcək üçün güclü zəmin yaradır. JavaScript öyrənmək üçün atdığınız hər addımla fəxr edin!
Bu dərsdə biz kəşf etdik:
Nəzərə alın ki, JavaScript öyrənmək bir səyahətdir. Hər bir təcrübə sizi daha ağıllı və daha yaradıcı edir. Öyrənməkdən həzz alın və veb inkişafının sehrini araşdıraraq əylənin!