JavaScript — veb səhifələrə interaktivlik və dinamik funksionallıq əlavə etmək üçün geniş istifadə olunan proqramlaşdırma dilidir. HTML səhifənin strukturunu, CSS onun vizual görünüşünü formalaşdırdığı halda, JavaScript istifadəçinin səhifə ilə qarşılıqlı əlaqəsini və müxtəlif funksiyaların işləməsini təmin edir. Sadə dillə desək, saytda düyməyə klik etdikdə menyunun açılması, formanın yoxlanılması, məhsulun səbətə əlavə olunması, məlumatın səhifə yenilənmədən serverdən alınması və nəticənin ekranda göstərilməsi kimi əməliyyatların bir çoxu JavaScript vasitəsilə həyata keçirilə bilər. JavaScript xüsusilə Frontend proqramlaşdırmanın əsas texnologiyalarından biridir. Bununla yanaşı, Node.js kimi texnologiyalar vasitəsilə JavaScript server tərəfində, yəni Backend proqramlaşdırmada da istifadə edilə bilər.

JavaScript nə üçün istifadə olunur?

JavaScript əvvəlcə veb səhifələri daha interaktiv etmək üçün yaradılıb. Bu gün isə onun istifadə imkanları bundan daha genişdir. JavaScript vasitəsilə istifadəçinin düymələr, menyular və formalarla qarşılıqlı əlaqəsini idarə etmək, səhifədəki məlumatları dinamik dəyişmək, serverdən məlumat almaq, animasiyalar yaratmaq, veb tətbiqlər hazırlamaq və müxtəlif API-lərlə işləmək mümkündür. Məsələn, onlayn mağazada məhsulun “Səbətə əlavə et” düyməsinə klik etdiyinizi düşünün. JavaScript istifadəçinin bu əməliyyatını müəyyən edə, səbətdəki məhsul sayını dəyişə və lazım gəldikdə serverə məlumat göndərə bilər. Bu proseslərin bir hissəsi istifadəçiyə səhifəni yenidən yükləmədən təqdim oluna bilər.

JavaScript necə işləyir?

Brauzerlərdə JavaScript kodunu işlədən xüsusi JavaScript engine mövcuddur. İstifadəçi veb səhifəni açdıqda brauzer HTML və CSS ilə yanaşı JavaScript kodlarını da emal edir. JavaScript kodu səhifədə müəyyən hadisə baş verdikdə işləyə bilər.

Məsələn:

const button = document.querySelector("#button");

button.addEventListener("click", function () {

alert("Düyməyə klik edildi!");

});

Bu nümunədə JavaScript əvvəlcə səhifədəki düyməni tapır. Daha sonra həmin düyməyə click hadisəsi əlavə edilir. İstifadəçi düyməyə klik etdikdə müəyyən edilmiş funksiya işləyir.

Beləliklə, JavaScript istifadəçinin hərəkətlərinə uyğun olaraq səhifənin davranışını dəyişə bilir.

JavaScript dəyişənləri nədir?

Proqram daxilində məlumat saxlamaq üçün dəyişənlərdən istifadə olunur. Müasir JavaScript-də dəyişənlərin yaradılması üçün əsasən let və const istifadə edilir.

Məsələn:

const course = "Frontend Proqramlaşdırma";

let students = 15;

Burada course dəyişənində mətn, students dəyişənində isə rəqəm saxlanılır.

const adətən sonradan başqa dəyər təyin edilməyəcək binding-lər üçün, let isə yenidən dəyər verilə biləcək dəyişənlər üçün istifadə olunur. JavaScript öyrənərkən dəyişənlərlə yanaşı onların hansı hissədə əlçatan olduğunu müəyyən edən Scope anlayışını da başa düşmək vacibdir.

JavaScript-də hansı məlumat tipləri var?

JavaScript müxtəlif məlumat tipləri ilə işləyə bilir. Əsas primitive tiplərə String, Number, Boolean, Undefined, Null, BigInt və Symbol daxildir. Bundan əlavə, Object tipi vasitəsilə daha mürəkkəb məlumat strukturları yaratmaq mümkündür.

Məsələn:

const name = "Murad";

const age = 21;

const active = true;

Burada name String, age Number, active isə Boolean tipində dəyərdir. JavaScript dinamik tipli proqramlaşdırma dilidir. Bu o deməkdir ki, dəyişən elan edilərkən onun tipi ayrıca göstərilmir və tip saxlanılan dəyərə əsasən müəyyən edilir.

JavaScript-də Array və Object nədir?

JavaScript-də çoxlu məlumatlarla işləmək üçün Array və Object geniş istifadə olunur. Array məlumatların siyahı formasında saxlanmasına imkan verir:

const technologies = [

"HTML",

"CSS",

"JavaScript"

];

Object isə məlumatları açar və dəyər prinsipi ilə təşkil etməyə imkan verir:

const student = {

name: "Aysel",

age: 22,

course: "Frontend"

};

Müasir JavaScript-də Array və Object-dən əlavə Map və Set kimi məlumat strukturları da mövcuddur. Array, Object, Map və Set ilə işləmək JavaScript proqramlaşdırmasının əsas mövzularındandır.

JavaScript funksiyası nədir?

Funksiya müəyyən əməliyyatı yerinə yetirən və lazım olduqda təkrar istifadə edilə bilən kod blokudur.

Məsələn:

function greet(name) {

return `Salam, ${name}!`;

}

console.log(greet("Aysel"));

Burada greet funksiyası daxil edilən ada uyğun mətn qaytarır. JavaScript-də klassik funksiyalarla yanaşı Arrow Function sintaksisindən də istifadə olunur:

const add = (a, b) => a + b;

Funksiyalar kodun təkrarını azaltmağa, proqramı daha kiçik hissələrə bölməyə və kodun idarə olunmasını asanlaşdırmağa kömək edir.

DOM nədir və JavaScript ilə necə işləyir?

DOM — Document Object Model anlayışının qısaltmasıdır. Brauzer HTML sənədini JavaScript-in işləyə biləcəyi obyekt strukturu şəklində təqdim edir. JavaScript DOM vasitəsilə səhifədəki elementləri tapa, dəyişdirə, yarada və silə bilir.

Məsələn:

const title = document.querySelector("h1");

title.textContent = "JavaScript öyrənirik";

Bu kod səhifədəki h1 elementini taparaq onun mətnini dəyişdirir. DOM JavaScript-in Frontend proqramlaşdırmada bu qədər vacib olmasının əsas səbəblərindən biridir. Çünki istifadəçi interfeysində baş verən dəyişikliklərin böyük hissəsi DOM üzərindən idarə olunur.

Event nədir?

Event istifadəçinin və ya brauzerin həyata keçirdiyi müəyyən hadisədir. Məsələn, düyməyə klik etmək, klaviaturada düyməyə basmaq, formanın göndərilməsi və səhifənin yüklənməsi event hesab oluna bilər. JavaScript bu hadisələri izləyərək uyğun funksiyaları işə sala bilir.

button.addEventListener("click", () => {

console.log("Klik edildi");

});

Bu yanaşma interaktiv veb tətbiqlərin yaradılmasının əsas prinsiplərindəndir.

JavaScript API ilə necə işləyir?

Müasir veb tətbiqlərdə məlumatlar çox vaxt Backend serverdən API vasitəsilə alınır. JavaScript-də fetch() funksiyası serverə HTTP sorğusu göndərmək üçün istifadə edilə bilər.

Məsələn:

fetch("/api/products")

.then(response => response.json())

.then(data => {

console.log(data);

});

Bu nümunədə proqram serverdən məhsul məlumatlarını istəyir, gələn cavabı JSON formatından JavaScript obyektinə çevirir və nəticə ilə işləyir. API ilə işləmə bacarığı xüsusilə Frontend və Full-Stack proqramlaşdırmada vacibdir.

Asinxron JavaScript nədir?

Serverdən məlumat almaq kimi bəzi əməliyyatların tamamlanması müəyyən vaxt tələb edə bilər. JavaScript bu prosesləri idarə etmək üçün asinxron proqramlaşdırma imkanlarına malikdir. Promise və async/await bu məqsədlə geniş istifadə olunur.

Məsələn:

async function getProducts() {

const response = await fetch("/api/products");

const data = await response.json();

console.log(data);

}

await proqramın həmin asinxron əməliyyatın nəticəsini gözləməsinə imkan verir, lakin JavaScript runtime-ının bütün digər işlərini bloklamır. Asinxron proqramlaşdırmanı başa düşmək API-lər və müasir veb tətbiqlərlə işləyərkən xüsusilə vacibdir.

JavaScript Frontend-də necə istifadə olunur?

Frontend proqramlaşdırmada JavaScript istifadəçinin qarşılıqlı əlaqədə olduğu funksional hissəni idarə edir. HTML səhifənin strukturunu yaradır, CSS görünüşünü formalaşdırır, JavaScript isə həmin səhifənin davranışını idarə edir. Məsələn, açılan menyular, modal pəncərələr, formaların yoxlanılması, məhsul filtrləri, slider-lər, canlı axtarış sistemləri və serverdən dinamik məlumat alınması JavaScript vasitəsilə hazırlana bilər. React, Vue və Angular kimi müasir Frontend texnologiyalarının da JavaScript ekosistemi ilə sıx əlaqəsi var.

JavaScript Backend-də istifadə olunurmu?

Bəli. JavaScript yalnız brauzer üçün nəzərdə tutulmuş dil deyil. Node.js JavaScript kodunun brauzerdən kənarda, server mühitində işləməsinə imkan verən runtime-dır. Node.js və Express.js kimi texnologiyalardan istifadə etməklə server yaratmaq, REST API hazırlamaq, verilənlər bazası ilə işləmək və Backend funksionallığı qurmaq mümkündür. Buna görə JavaScript həm Frontend, həm də Backend tərəfində istifadə edilə bilər və Full-Stack proqramlaşdırmada xüsusi əhəmiyyət daşıyır.

JavaScript və Java eyni dildirmi?

Xeyr. Java və JavaScript tamamilə fərqli proqramlaşdırma dilləridir. Adlarının oxşar olması onların eyni texnologiya olması demək deyil. Java daha çox Backend sistemləri, korporativ proqram təminatı və müxtəlif server tətbiqlərində istifadə edilir. JavaScript isə xüsusilə veb proqramlaşdırmada geniş yayılıb və brauzerdə işləyən əsas proqramlaşdırma dillərindən biridir. Node.js sayəsində server tərəfində də istifadə olunur. Hər iki dilin sintaksisində müəyyən oxşarlıqlar görünə bilər, lakin işləmə prinsipləri, ekosistemləri və istifadə sahələri fərqlidir.

JavaScript və ECMAScript arasında fərq nədir?

ECMAScript JavaScript dilinin əsas standartını müəyyən edən spesifikasiyadır. JavaScript isə həmin standartın real tətbiqlərindən biridir. ES6 və ya ECMAScript 2015 ifadəsi JavaScript tarixində vacib yenilənmələrdən birini bildirir. Bu mərhələ ilə let, const, arrow functions, classes, modules və digər bir çox xüsusiyyət geniş istifadəyə daxil olub. Bu gün ECMAScript standartı inkişaf etməyə davam edir və JavaScript-ə yeni imkanlar mərhələli şəkildə əlavə olunur.

JavaScript Framework və Library nədir?

JavaScript ekosistemində proqramların hazırlanmasını sürətləndirən müxtəlif framework və kitabxanalar mövcuddur. React istifadəçi interfeyslərinin komponentlər əsasında hazırlanması üçün geniş istifadə olunan JavaScript kitabxanasıdır. Vue və Angular da Frontend tətbiqlərin hazırlanmasında istifadə olunan məşhur texnologiyalardandır. Next.js isə React üzərində qurulan və müasir veb tətbiqlərin hazırlanması üçün əlavə imkanlar təqdim edən framework-dür. Framework və kitabxanalara keçməzdən əvvəl JavaScript-in dəyişənlər, funksiyalar, obyektlər, massivlər, Scope, DOM, event və asinxron proqramlaşdırma kimi əsas mövzularını başa düşmək daha məqsədəuyğundur.

JavaScript-də Debugging necə edilir?

Kod yazarkən sintaksis, runtime və məntiq xətaları ilə qarşılaşmaq normaldır. JavaScript-də xətaları tapmaq üçün brauzerin Developer Tools bölməsindən, Console-dan və debugger imkanlarından istifadə etmək mümkündür. Məsələn, console.log() müəyyən mərhələdə dəyişənin hansı dəyəri saxladığını yoxlamağa kömək edə bilər. Daha mürəkkəb problemlərdə breakpoint-lərdən istifadə etməklə proqramın icrasını müəyyən sətirdə dayandırmaq və dəyişənlərin vəziyyətini addım-addım yoxlamaq mümkündür. Bu proses proqramlaşdırmada Debugging adlanır.

JavaScript öyrənmək çətindirmi?

JavaScript proqramlaşdırmaya yeni başlayanların öyrənə biləcəyi dillərdən biridir, lakin yalnız sintaksisi öyrənmək kifayət deyil. İlk mərhələdə dəyişənlər, məlumat tipləri, operatorlar, şərtlər, dövrlər, funksiyalar, Array və Object mövzuları öyrənilməlidir. Daha sonra Scope, DOM, event-lər, API ilə işləmək, Promise, async/await və modullar kimi mövzulara keçmək olar. Bilikləri möhkəmləndirmək üçün kalkulyator, To-Do tətbiqi, məhsul kataloqu, hava məlumatı tətbiqi və digər kiçik layihələr hazırlamaq faydalıdır. JavaScript əsaslarını yaxşı mənimsədikdən sonra React, TypeScript və Next.js kimi müasir Frontend texnologiyalarını öyrənmək daha rahat olur.

Frontend sahəsinə hansı ardıcıllıqla başlamaq barədə daha ətraflı məlumat üçün JET Academy-nin Frontend proqramçı olmaq üçün nədən başlamaq lazımdır? məqaləsi ilə tanış ola bilərsiniz.

JavaScript-i HTML, CSS, React, TypeScript, Next.js və digər müasir veb texnologiyaları ilə birlikdə praktiki formada öyrənmək istəyirsinizsə, JET Academy-nin Frontend və Full-Stack Proqramlaşdırma təlimləri ilə tanış ola bilərsiniz.