JavaScript

JavaScript, modern web siteleri ve web uygulamaları oluşturmak için yaygın olarak kullanılan popüler bir programlama dilidir. HTML ve CSS ile birlikte web geliştirmenin temel teknolojilerinden biridir.

JavaScript, web sayfalarını etkileşimli ve dinamik hale getirmek için kullanılan bir programlama dilidir.

Kullanıcı işlemlerine tepki verme, formları yönetme, animasyonlar oluşturma, sayfa içeriğini değiştirme ve farklı servislerle iletişim kurma gibi işlemler JavaScript ile yapılabilir.

Günümüzde JavaScript yalnızca tarayıcılarda değil, sunucu tarafında ve farklı ortamlarda da kullanılmaktadır.

JavaScript şu alanlarda kullanılır:

• Web sitesi geliştirme
• Etkileşimli web uygulamaları
• Frontend geliştirme
• Backend geliştirme
• API kullanımı
• Mobil uygulamalar
• Masaüstü uygulamaları
• Oyunlar ve interaktif projeler
• Kullanıcı verilerinin işlenmesi

Node.js gibi teknolojiler sayesinde JavaScript sunucu tarafında da çalıştırılabilir.

JavaScript ile etkileşimli web siteleri, hesap makineleri, oyunlar, formlar, menüler ve çeşitli web uygulamaları oluşturulabilir.

Örneğin

const name = "Nibras Code";
console.log("Merhaba, " + name);

Bu kod konsola bir selamlama mesajı yazdırır.

JavaScript'in temel konuları adım adım öğrenilebilir. Ancak dili iyi öğrenmek için düzenli pratik yapmak önemlidir.

Başlangıçta şu konular öğrenilebilir:

1. Değişkenler
2. Veri türleri
3. Koşullar
4. Döngüler
5. Fonksiyonlar
6. Diziler ve nesneler
7. DOM
8. Olaylar
9. Asenkron JavaScript
10. API'ler

Avantajları

• Tarayıcıda doğrudan çalışabilir
• Web geliştirmede yaygın olarak kullanılır
• Geniş kütüphane ve framework ekosistemine sahiptir
• Frontend ve backend için kullanılabilir
• Büyük bir geliştirici topluluğuna sahiptir
• Farklı platformlarda kullanılabilir

Dezavantajları

• Bazı özellikleri yeni başlayanlar için karmaşık olabilir
• Asenkron programlama başlangıçta zor gelebilir
• Büyük projelerde iyi bir kod yapısı gerekir
• Çok sayıda kütüphane ve framework bulunması seçim yapmayı zorlaştırabilir

Değişkenler

const name = "Ali";
let age = 20;

Koşul

if (age >= 18) {
    console.log("Yetişkin");
}

Döngü

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

Fonksiyon

function greet(name) {
    return "Merhaba, " + name;
}

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

Basit mesaj

console.log("Merhaba dünya!");

Toplama

let a = 10;
let b = 20;

console.log(a + b);

Sayı kontrolü

let number = 10;

if (number > 0) {
    console.log("Pozitif sayı");
}

Dizi

const fruits = ["Apple", "Banana", "Orange"];

for (const fruit of fruits) {
    console.log(fruit);
}

Yukarıdaki kısa satırlar bir şeyi gösterir. Bu örnekler küçük bir işi baştan sona götürür. Tarayıcının konsolunu aç, kodu yapıştır ve Enter'a bas. Sonra bir adı veya sayıyı değiştirip yeniden çalıştır.

Listeden adları yazdırmak

Birkaç ad bir listededir. for her adı sırayla alır ve yazar. Listeye ad eklersen döngü onu da yazar. Her ad için ayrı satır yazmak gerekmez.

const names = ["Aysel", "Murad", "Nigar"];
for (const name of names) {
  console.log("Salam, " + name);
}

Üç satır çıkar: Salam, Aysel, sonra Murad, sonra Nigar.

Bir öğrenciyi hatırlamak

Nesne bir şeyin birkaç özelliğini tutar. Ad ve not bir yerdedir. Noktadan sonra anahtarı yazarsın, değer gelir. Not 50 veya daha çoksa Keçdi yazılır. Notu 40 yaparsan o satır susar.

const student = { name: "Aysel", score: 85 };
console.log(student.name);
if (student.score >= 50) {
  console.log("Keçdi");
}

Önce Aysel gelir, sonra Keçdi. Yanlış anahtar tahmin değil, undefined verir.

Ortalamayı bulmak

total sıfırdan başlar ve her not eklenir. Sonda toplam, listedeki sayıya bölünür. 70, 80 ve 90'ın ortalaması 80'dir. Dördüncü notu eklersen bölen kendiliğinden değişir.

const scores = [70, 80, 90];
let total = 0;
for (const score of scores) {
  total = total + score;
}
const average = total / scores.length;
console.log(average);

80 görünür. Bu örnek sayıyı yuvarlamaz.

Düğmeye basılınca yazıyı değiştirmek

JavaScript'in bilinen işi budur. querySelector sayfadaki ilk düğmeyi bulur. addEventListener tıklamayı bekler. Tıklama gelince düğmenin yazısı Basıldı olur. Sayfada düğme yoksa querySelector boş döner ve sonraki satır kırılır. Önce HTML'e bir düğme koy.

const button = document.querySelector("button");
button.addEventListener("click", function () {
  button.textContent = "Basıldı";
});

Tıklamadan önce düğme eski yazısını tutar. Tıklamadan sonra yalnız yazı değişir. Sayfa yenilenmez.

JavaScript nedir?

JavaScript, etkileşimli web siteleri ve uygulamalar oluşturmak için yaygın olarak kullanılan bir programlama dilidir.

JavaScript ücretsiz mi?

Evet. JavaScript kullanmak için ayrıca bir lisans satın almak gerekmez.

JavaScript ile web sitesi yapılabilir mi?

Evet. JavaScript, HTML ve CSS ile birlikte web sitesi geliştirmede yaygın olarak kullanılır.

JavaScript ile mobil uygulama yapılabilir mi?

Evet. Çeşitli teknolojiler ve frameworkler kullanılarak JavaScript ile mobil uygulamalar geliştirilebilir.

JavaScript sunucuda çalışabilir mi?

Evet. Node.js gibi teknolojiler JavaScript'in sunucu tarafında çalışmasını sağlar.

Java ve JavaScript aynı mı?

Hayır. Java ve JavaScript birbirinden farklı iki programlama dilidir.