JavaScript veb səhifələri əyləncəli və interaktiv etməyə kömək edən xüsusi bir dildir. Bir çox insan tərəfindən maraqlı veb saytlar yaratmaq üçün istifadə olunur. Veb inkişafında JavaScript veb saytları canlandıran sehrli bir vasitə kimidir. O, mətni dəyişə, şəkilləri köçürə və hətta sizinlə danışa bilər!
JavaScript kompüter dilidir. O, kompüterə veb-səhifədə sadə və əyləncəli işlərin necə ediləcəyini izah edir. Bir düyməyə basdığınız zaman və ya vebsaytda animasiya gördüyünüz zaman JavaScript pərdə arxasında işləyir. Veb inkişafında əsas vasitələrdən biridir.
Təsəvvür edin ki, bir oyuncaq robotunuz var. Siz robota göstəriş verməklə ona nə edəcəyini söyləyirsiniz. JavaScript kompüterə belə göstərişlər verir.
Veb saytlar mətn, şəkillər və rənglərdən ibarətdir. Ancaq sizə reaksiya verəndə daha da əyləncəli ola bilərlər. JavaScript vebsaytlara sizi dinləməyə və bundan sonra nə edəcəyinizə qərar verməyə kömək edir. Məsələn, düyməni basdığınız zaman onun rəngini dəyişdirir və ya linki kliklədiyiniz zaman mesaj göstərə bilər.
Bu, veb-saytları yalnız gözəl şəkillər deyil, həm də qarşılıqlı əlaqə qura biləcəyiniz canlı yerlər edir. Hər dəfə vebsaytda oyun oynadığınız zaman və ya interaktiv hekayəni araşdırdığınız zaman JavaScript onu həyata keçirir.
JavaScript-də başa düşülən bəzi sadə fikirlər var. Bu fikirləri tikinti blokları kimi düşünün. Onları birləşdirəndə internetdə heyrətamiz şeylər yarada bilərsiniz. Budur bəzi əsas fikirlər:
Bu ideyaların hər biri sizə daha mürəkkəb və interaktiv veb səhifələr yaratmağa kömək edir.
Dəyişən adı olan xüsusi qutuya bənzəyir. Bir qutunun içərisinə müxtəlif növ əşyalar qoya bilərsiniz. Bəzən içəriyə rəqəmlər, bəzən isə sözlər qoya bilərsiniz. JavaScript-də let və ya var kimi sözlərdən istifadə edərək dəyişən yarada bilərsiniz.
Məsələn, adınızı saxlamaq istəyirsinizsə, bu kodu yaza bilərsiniz:
let myName = "Sam";
Bu kod “myName” adlı bir qutu düzəldir və içərisinə “Sam” sözünü qoyur.
Saxlaya biləcəyiniz müxtəlif məlumat növləri var. Bəziləri bunlardır:
Dəyişənlər veb sayt işləyərkən dəyişə bilən məlumatları saxlamağa kömək edir.
JavaScript-də funksiya bir işi görən kiçik maşın kimidir. Siz maşına ad verirsiniz və ona hansı tapşırığı yerinə yetirəcəyini söyləyirsiniz. Sonra, bu işə ehtiyacınız olduqda, funksiyanı çağırırsınız.
Məsələn, salam demək istəyirsinizsə, belə bir funksiya yaza bilərsiniz:
funksiya sayHello() {
alert("Salam, dostum!");
}
sayHello() funksiyasını çağırdığınız zaman “Salam, dost!” deyən kiçik bir mesaj görünür. Bu, düyməni basdığınız zaman qısa mahnı oxuyan oyuncağa bənzəyir.
Bəzən kompüter bundan sonra nə edəcəyini seçməlidir. Burada şərti ifadələr daxil olur. Onlar kompüterə nəyinsə doğru olub-olmadığını yoxlamaqla qərar verməyə kömək edir.
Bunu belə düşünün: yağış yağsa, çətir götürməyə qərar verə bilərsiniz. Yağış yağmırsa, çətirə ehtiyac yoxdur. JavaScript-də belə sadə şərt yaza bilərsiniz:
əgər (temperatur > 30) {
alert("Çöldə istidir!");
} başqa {
alert("Çox isti deyil!");
}
Bu kod temperaturun 30-dan yuxarı olub olmadığını yoxlayır. Əgər belədirsə, o, sizə isti olduğunu bildirir. Əks halda çox isti olmadığını deyir.
Döngələr bir sıra təlimatları dəfələrlə təkrarlamağa imkan verir. Onlar şənlikdə dövrə vurmağa bənzəyirlər. Eyni kodu dəfələrlə yazmaq əvəzinə, bir döngə bunu sizin üçün edir.
Məsələn, "Mən kodlaşdırmanı sevirəm!" demək istəyirsinizsə beş dəfə, bir döngə istifadə edə bilərsiniz:
üçün (i = 0; i < 5; i++) {
console.log("Mən kodlaşdırmanı sevirəm!");
}
Bu kod kompüterdən cümləni beş dəfə çap etməyi tələb edir. Bu, oyuncaqlarınızı bir-bir saymağa bənzəyir.
JavaScript-də hadisələr kompüterə nəyinsə baş verdiyini bildirən siqnallardır. Bu hadisələr siçan klikləri, düymələrin basılması və ya hətta pəncərə ölçüsündə dəyişiklik ola bilər. Kompüter bu hadisələri dinləyir və sonra cavab verir.
Məsələn, veb-səhifədə düyməni basdığınız zaman hadisə baş verir. JavaScript bu klikliyi aşkarlaya və cavab vermək üçün funksiyanı işə sala bilər. Budur sadə bir nümunə:
let düyməsi = document.getElementById("myButton");
button.addEventListener("klik", funksiya() {
xəbərdarlıq ("Siz düyməni basdınız!");
});
Bu kod "myButton" identifikatoru olan düyməni tapır və klikə qulaq asır. Düymə kliklədikdə, "Siz düyməni basdınız!"
Sənəd Obyekt Modeli və ya DOM veb səhifənin bütün hissələrinə baxmaq və onlarla qarşılıqlı əlaqədə olmaq üsuludur. DOM-u bir ağac kimi düşünün. Ağacın çoxlu budaqları var və hər budaq səhifədə abzas, şəkil və ya düymə kimi elementi təmsil edir.
JavaScript bu filialları dəyişə bilər. O, yeni elementlər əlavə edə, köhnələrini silə və ya dəyişdirə bilər. Məsələn, bir düyməyə basdığınız zaman paraqrafın içindəki mətni dəyişə bilər.
Bu vacibdir, çünki interaktiv veb-saytlar yaratmağa kömək edir. DOM-dan istifadə etməklə veb-səhifəniz yenidən yükləməyə ehtiyac olmadan dinamik şəkildə dəyişə bilər.
Gəlin sadə bir JavaScript nümunəsinə baxaq. Təsəvvür edin ki, bir düyməsi olan bir veb səhifəniz var. Düyməni kliklədiyiniz zaman onun salam deməsini istəyirsiniz. Kodu belə yaza bilərsiniz:
<!DOCTYPE html>
<html>
<baş>
<title>Sadə JavaScript Nümunəsi</title>
</head>
<bədən>
<button id="greetButton">Mənə klikləyin!</button>
<script>
greetUser() funksiyası
alert("Salam, dostum!");
}
let düyməsi = document.getElementById("greetButton");
button.addEventListener("klik", greetUser);
</script>
</body>
</html>
Bu kod veb səhifəsində bir düymə yaradır. Düymə kliklədikdə, greetUser() funksiyası işə düşür və “Salam, dost!” mesajı ilə pop-up görünür.
JavaScript sadə riyaziyyat da edə bilər. O, ədədləri əlavə edə, çıxa, vura və bölə bilər. Bu xüsusiyyət kiçik proqramlar və ya hətta oyunlar hazırlamaq üçün çox faydalıdır.
Məsələn, iki ədəd əlavə etmək istəyirsinizsə, yaza bilərsiniz:
sayı1 = 5 olsun;
sayı2 = 3 olsun;
cəmi = ədəd1 + ədəd2;
alert("Cəmi" + cəmi);
Bu kod iki ədəd, 5 və 3 götürür, onları birləşdirir və sonra "Cəmi 8-dir" mesajını göstərir.
Düymələri, animasiyaları və ya oyunları olan veb-sayta hər dəfə daxil olanda JavaScript çox güman ki, işləyir. Veb saytları dinamik və əyləncəli edir. Məsələn, onlayn alış-veriş edərkən və ya videolara baxdığınız zaman JavaScript pərdə arxasında mühüm rol oynayır.
O, səhifənin hissələrini tez yükləməyə, səhvləri yoxlamağa və hətta səhifəni yenidən yükləmədən sizə yeni məlumatları göstərməyə kömək edir. YouTube, Facebook və bir çox başqa saytlar sizin üçün rahat təcrübə yaratmaq üçün JavaScript-dən istifadə edir.
JavaScript öyrənmək rəngli LEGO blokları ilə oynamağa bənzəyir. Hər blok kiçik bir kod parçasıdır. Bir çox bloku birləşdirdiyiniz zaman gözəl bir şey qura bilərsiniz. Əvvəlcə sadə bir ev tikmək üçün yalnız bir neçə blokdan istifadə edə bilərsiniz. Daha sonra, daha çox blokdan istifadə etməyi və böyük bir qala və ya hətta bir kosmik gəmi qurmağı öyrənəcəksiniz!
JavaScript-i başa düşməyin ən yaxşı yolu kiçik parçalar yaratmaq və sonra tam veb səhifə yaratmaq üçün onları birləşdirməkdir. Öyrəndiyiniz hər yeni ideya vebsayt layihələriniz üçün başqa bir LEGO blokudur.
Bir çox köməkçi JavaScript-i daha da güclü edir. Bu köməkçilərə kitabxanalar və çərçivələr deyilir. Onlar xüsusi formalarda gələn LEGO bloklarının əlavə dəstləri kimidir. Bəzi məşhur JavaScript köməkçiləri bunlardır:
Bu alətlər bir çox tərtibatçıya bütün kodları özləri yazmaq əvəzinə heyrətamiz veb saytlar yaratmağa kömək edir. Onlar göstərir ki, hətta əyləncə üçün nəzərdə tutulmuş bir dil də real dünyada güclü bir vasitə ola bilər.
Veb brauzer veb saytları ziyarət etmək üçün istifadə etdiyiniz proqramdır. Populyar brauzerlər Chrome, Firefox, Safari və Edge-dir. JavaScript bu brauzerlərin daxilində işləyir. Veb səhifənizdə JavaScript kodu yazdığınız zaman brauzer onu oxuyur və səhifənizi interaktiv edir.
Brauzeri bir səhnə və JavaScript-i aktyor kimi təsəvvür edin. Aktyor ssenariyə (sizin kodunuza) əməl edir və tamaşa göstərir. JavaScript olmasaydı, səhnə boş olardı və şou demək olar ki, cəlbedici olmazdı.
Veb səhifəni açdığınız zaman brauzer aşağıdakıları edir:
Bu proses JavaScript-in veb-səhifənin görünüşünü və hissini necə tamamladığını göstərir.
JavaScript gündəlik həyatımızda bir çox əyləncəli və faydalı şəkildə istifadə olunur. Budur bəzi nümunələr:
Bu nümunələrə baxmaq JavaScript-in sadəcə ekrandakı koddan ibarət olmadığını göstərir. Bu, texnologiyanı gündəlik fəaliyyətlərimizlə birləşdirən bir körpüdür.
Gənc olsanız da, sadə layihələr üzərində düşünərək JavaScript öyrənməyə başlaya bilərsiniz. Siz düyməni basdığınız zaman öz fon rəngini dəyişən veb-səhifə ilə başlaya bilərsiniz. Və ya onun müxtəlif hissələrinə kliklədiyiniz zaman dəyişən kiçik bir hekayə yarada bilərsiniz.
Hər bir layihə, nə qədər kiçik olursa olsun, veb-saytın necə işlədiyini sizə daha çox öyrədir. Hər bir addım tam sözlər yazmadan əvvəl əlifbanı öyrənmək kimi özünə inamınızı artırır.
JavaScript yaradıcı olmağa imkan verən bir vasitədir. O, yalnız öyrənmək və ya ciddi vebsaytlar yaratmaq üçün istifadə edilmir; həm də yaradıcılığınızı ifadə etməyin bir yoludur. JavaScript ilə oyunlar, interaktiv hekayələr və hətta animasiyalar tərtib edə bilərsiniz.
JavaScript ilə işləyərkən özünüzü kodla rəsm çəkən bir rəssam kimi düşünə bilərsiniz. Hər bir funksiya və hər dəyişən internetdə gözəl şəkil yaratmağınıza kömək edir.
Unutmayın ki, JavaScript-də yaradıcılıq böyük ağ kağızda parlaq rəngli karandaşlar dəsti ilə rəsm çəkmək kimidir. Heç bir məhdudiyyət yoxdur və təsəvvürünüz bələdçinizdir.
JavaScript veb inkişafında istifadə olunan kompüter dilidir. Veb saytları interaktiv və canlı etməyə kömək edir. JavaScript ilə veb səhifələrə mətni dəyişdirmək, kliklərə reaksiya vermək və hətta sadə hesablamalar aparmaq kimi əyləncəli hərəkətlər əlavə edə bilərsiniz.
JavaScript-in əsas tikinti bloklarına aşağıdakılar daxildir:
JavaScript həmçinin kliklər və düymələrin basılması kimi hadisələri dinləyir. Veb səhifəni yenidən yükləməyə ehtiyac qalmadan onu dəyişdirmək üçün Document Object Model (DOM) ilə işləyir. Bu, veb saytları dinamik və əyləncəli edir.
Bir çox məşhur veb-saytlar və onlayn oyunlar JavaScript-dən istifadə edir. Hər yerdədir! Salamlama düyməsi olan sadə veb-saytlardan mürəkkəb onlayn tətbiqlərə qədər JavaScript hər şeyin mərkəzindədir.
JavaScript öyrənmək LEGO blokları ilə tikintiyə bənzəyir. Kiçikdən başlayın, hər dəfə bir parça öyrənin və tezliklə möhtəşəm layihələr yarada biləcəksiniz. Hər yeni ideya yaradıcı alətlər qutunuzdakı başqa bir vasitədir.
Bu dərsdə JavaScript-in HTML və CSS ilə necə işlədiyini gördük ki, vebsaytları canlandırsın. Biz dəyişənlər, funksiyalar, şərtlər, dövrələr, hadisələr və DOM haqqında öyrəndik. Bu parçaların bir-birinə necə uyğun olduğunu başa düşmək üçün sadə nümunələrə də baxdıq.
Yadda saxlanmalı əsas məqamlar:
JavaScript-i kəşf etməyə və öyrənməyə davam edin. Yazdığınız hər yeni kodla siz veb inkişafında yaradıcı imkanlar dünyasını açırsınız. Səyahətinizdən həzz alın və veb saytlarınızı canlandıraraq əylənin!