JavaScript Temel Bilgileri

JavaScript, web geliştirme alanında en çok kullanılan programlama dillerinden biridir ve web sayfalarına etkileşimli özellikler eklemek için kullanılır. JavaScript temel bilgileri öğrenmek, web geliştirme becerilerini geliştirmek isteyenler için bir gerekliliktir. Söz dizimi (syntax), değişkenler (variables), kontrol yapıları (control structures), döngüler (loops), fonksiyonlar (functions), diziler (arrays), nesneler (objects) ve olaylar (events) gibi temel konuları öğrenmek, JavaScript’te ustalaşmanız için önemlidir.

JavaScript söz dizimi, kodların nasıl yazıldığına ve yapısal olarak nasıl düzenlendiğine dair kuralları içerir. Doğru syntax kullanmak, kodların çalışabilmesi için önemlidir. Değişkenler, verileri depolamak veya saklamak için kullanılan önemli bir araçtır. Kontrol yapıları, koşulların nasıl oluşturulduğuna ve if-else, switch-case gibi yapıların nasıl kullanıldığına dair bilgi verir. Döngüler, belirli bir işlemi tekrar etmek için kullanılır. Fonksiyonlar, belirli bir amaç için kullanılan işlevleri tanımlar ve tekrar kullanılabilirliği arttırır.

• Diziler, veri gruplarını depolamak için kullanılır ve verilerin erişimi ve işlenmesi için birçok yöntem sağlar.
• Nesneler, özellikleri ve metotları olan karmaşık veri yapılarıdır ve belirli bir amaç için kullanılır.
• Olaylar, web sayfalarında gerçekleşen etkileşimleri yakalamak için kullanılır ve JavaScript kodlama içinde önemli bir rol oynar.

JavaScript temel bilgileri öğrenmek, web sayfalarına etkileşimli özellikler eklemek ve web geliştirme becerilerini geliştirmek için önemlidir. Bu temel konular öğrenildikten sonra, daha karmaşık JavaScript konularına ve web uygulamaları geliştirmeye geçmek mümkündür.

Söz Dizimi (Syntax)

JavaScript dilinde kodlar, belirlenen yapısını ve kurallarını izleyerek yazılır. Bu sayede kodların okunaklı ve anlaşılır olması sağlanır. JavaScript söz dizimindeki bazı önemli kurallar şunlardır:

– Cümleler ; (noktalı virgül) ile ayrılır.- Bloklar { } ile belirtilir.- Özellikler (properties) ve fonksiyonlar (functions) nokta ve parantezlerle ayrılır.- Değişkenler (variables) const, let ve var anahtar kelimeleri ile tanımlanır.- Değişken adları küçük harflerle ve olası takip eden kelimelerde büyük harflerle ayrılır (camelCase).- Stringler tek veya çift tırnaklar arasında olabilir.

Kodların açık ve anlaşılır olması, kodlama esnasında yapılan hataların bulunmasını ve düzenlenmesini kolaylaştırır. Ayrıca, bir başka geliştiricinin kodunuzu okuyup anlaması da daha kolay hale gelir. Bu nedenle, söz dizimi konusunda yeterli bilgiye sahip olmak oldukça önemlidir.

Değişkenler (Variables)

JavaScript’te değişkenler, bir değere atanan bellek alanlarıdır. Değişkenlerin tanımlanması için var, let ve const anahtar kelimeleri kullanılır. var ile tanımlanan değişkenler, global olarak tanımlanırken let ve const ile tanımlanan değişkenler yerel olarak tanımlanır. const ile tanımlanan değişkenlerin bir kez tanımlandıktan sonra değeri değiştirilemezken let ile tanımlanan değişkenlerin değeri değiştirilebilir.

JavaScript’te değişken türleri ise string, number, boolean, null ve undefined’dir. String değişkenleri metinleri temsil ederken, number değişkenleri sayısal değerleri temsil eder. Boolean değişkenleri ise true veya false değerlerini alır. Null ise bir değer atanmamış bir değişkeni temsil ederken, undefined değişkeni tanımlanmamış bir değişkeni temsil eder.

Değişkenlerin farklı kullanım şekilleri arasında, matematiksel işlemler yapmak, stringleri birleştirmek, koşul ifadelerinde kullanmak gibi örnekler yer almaktadır. Ancak, değişkenlerin doğru kullanımı ve uygun tanımlanması, JavaScript kodlarının düzgün çalışmasını sağlamaktadır. Bu nedenle, JavaScript dilinde değişkenlerin doğru kullanımı büyük önem taşımaktadır.

(Detaylı bilgi için tablolar oluşturulabilir veya listeler kullanılabilir.)

Kontrol Yapıları (Control Structures)

JavaScript’te kontrol yapıları, programın işleyişini değiştiren koşulların oluşturulmasına olanak sağlar. if-else yapısı, belirli bir koşulu sağlayan programların çalıştırılmasını sağlar. Eğer koşul doğruysa if bloğundaki işlemler gerçekleşirken, yanlışsa else bloğundaki işlemler çalıştırılır. switch-case yapısı ise birden fazla koşulun kontrol edilmesi için kullanılır. Bu yapıda, belirli bir ifade kontrol edilir ve bu ifade farklı değerlere sahip olabilir. Her bir değer için ayrı bir case bloğu oluşturulur ve ilgili işlemler burada gerçekleştirilir. Ayrıca, default bloğu ile de hiçbir case bloğunun koşulunu sağlamayan durumlar için bir işlem belirtilebilir.

Örneğin, bir hesap makinesi uygulamasında kullanıcının girdiği işleme göre farklı sonuçlar elde etmek için switch-case yapısı kullanılabilir. Kullanıcı toplama işlemi seçerse, program toplama işlemi yapar ve sonucu ekrana yansıtır. Çıkarma işlemi seçilirse, çıkarma işlemi yapılır ve sonuç ekrana yazdırılır. Böylece, if-else ve switch-case yapıları kullanarak programın işleyişini kontrol etmek mümkündür.

Bu yapıların yanı sıra, while, do-while ve for döngüleri de kontrol yapılarına dahildir. Bu döngüler, belirli bir koşulu sağlayan işlemlerin birden fazla kez tekrarlanmasını sağlar. while döngüsü koşulun doğruluğunu kontrol ederek işlemi tekrarlar, do-while döngüsü ise işlemi en az bir kez gerçekleştirir ve daha sonra koşulu kontrol eder. for döngüsü ise belirli bir sayıda tekrarlama yapmak için kullanılır. Döngüler yardımıyla, programlar daha etkili ve düzenli bir şekilde çalıştırılabilir.

Döngüler (Loops)

JavaScript’te döngüler, belirli bir işlemi tekrarlamak için kullanılır. Bu işlem, belirli bir koşul doğru olduğu sürece ve döngüyü sonlandırmak için belirtilen bir şart sağlanmadıkça devam eder. for, while ve do-while döngüleri, JavaScript’te en sık kullanılan döngü türleridir.

for döngüsü, belirli bir sayıda işlem yapmak için kullanılır ve genellikle bir dizinin elemanları üzerinde çalışmak için kullanılır. while döngüsü, belirli bir şart doğru olduğu sürece bir işlemi tekrarlamak için kullanılır ve döngü önceden belirlenmiş bir sayıda kez çalışmaz. do-while döngüsü, önce işlemi bir kez yapar ve sonra belirli bir şart doğru olduğu sürece döngüyü tekrarlar.

• for döngüsü örneği:

        for (let i = 0; i < 10; i++) {            console.log(i);        }

• while döngüsü örneği:

        let i = 0;        while (i < 10) {            console.log(i);            i++;        }

• do-while döngüsü örneği:

        let i = 0;        do {            console.log(i);            i++;        } while (i < 10);

JavaScript’te döngüler, programların işleyişini kontrol etmek ve belirli bir işlemi yinelemek için önemli bir araçtır. Ancak, döngülerin doğru bir şekilde kullanılmaması uzun performans sorunlarına neden olabilir. Bu nedenle, döngülerin kullanımında dikkatli olmak önemlidir.

Fonksiyonlar (Functions)

Fonksiyonlar, JavaScript’in en önemli ve temel özellikleri arasında yer alır. JavaScript’te fonksiyon tanımlamak için function anahtar kelimesi kullanılır. Fonksiyonlar, belirli bir işlevi yerine getiren kod bloklarıdır ve çağrıldığında çalışarak belirli bir işlemi gerçekleştirirler.Fonksiyonlar, yazılan kodun modülerliğini artırır ve kodu daha okunaklı hale getirir. Fonksiyonlar ayrıca, tekrar tekrar kullanılmak üzere belirli bir işlevi yerine getiren kod parçalarını tek bir yerde toplamak için kullanılır.JavaScript’te fonksiyonlar, bir fonksiyon adı ve gerekli parametreler ile birlikte tanımlanır. Fonksiyonlar ayrıca bir veya daha fazla değer döndürebilir.Örneğin, aşağıdaki kod, “hello” adlı bir fonksiyon tanımlar ve bu fonksiyon bir string değeri döndürür:“`html

function hello(name) {  return "Hello " + name + "!";}

“`Bu fonksiyonu çağırmak için aşağıdaki kod kullanılabilir:“`html

var message = hello("John");alert(message); // "Hello John!"

“`Bu örnek, hello() adlı bir fonksiyon tanımlar ve bu fonksiyon bir parametre alır. Fonksiyon, parametre olarak verilen ismi kullanarak “Hello [name]!” şeklinde bir mesaj döndürür. Daha sonra, hello() fonksiyonu John ismi ile çağrılır ve dönen mesaj bir alert kutusu ile gösterilir.

Diziler (Arrays)

JavaScript’te diziler, bir dizi elemanının saklandığı ve aynı değişken adı ile erişilebildiği bir değişken türüdür. Diziler, farklı veri türlerinde elemanlara sahip olabilirler ve elemanlara sıfırdan başlayarak indeks numarası ile ulaşılır. Diziler, eşleştirme parantezleri [] içinde tanımlanır ve elemanlar virgülle ayrılır.

Örneğin, bir sayı dizisi tanımlamak için:

let sayilar = [1, 2, 3, 4, 5];

Bu diziye indeks numarası ile erişmek için aşağıdaki gibi kullanabiliriz:

alert(sayilar[0]); // 1alert(sayilar[2]); // 3

Diziler, kullanım amaçlarına göre farklı şekillerde tanımlanabilir. Örneğin, boş bir dizi tanımlamak için:

let bosDizi = [];

Ya da önceden belirlenmiş uzunluğu olan bir dizi oluşturmak için:

let uzunDizi = new Array(10); // uzunluğu 10 olan dizi oluşturur

Dizi elemanlarını listelemek için, for döngüsü kullanılabilir:

for(let i=0; i<sayilar.length; i++){  console.log(sayilar[i]);}

Diziler, farklı veri türlerinde elemanları barındırabilirler. Örneğin, bir string dizisi tanımlamak için:

let isimler = ["Ahmet", "Mehmet", "Ayşe"];

Veya bir nesne dizisi tanımlamak için:

let insanlar = [  {isim: "Ahmet", yas: 25},  {isim: "Mehmet", yas: 30},  {isim: "Ayşe", yas: 27}];

Diziler, JavaScript’te oldukça sık kullanılan bir veri yapısıdır ve genellikle birden fazla veri elemanını bir arada kullanmak istediğimiz durumlarda tercih edilirler.

Nesneler (Objects)

JavaScript’te nesneler, bir veri yapısı olarak kullanılır ve kodların modüler bir şekilde yapılandırılmasına izin verir. Objeler, özellikler ve metotlar içeren anahtar-değer çiftleri olarak tanımlanabilir.

Nesneler, obje özelliklerini eklemek için nokta(.) veya parantez([]) notasyonu aracılığıyla tanımlanır. Bu özellikler çeşitli veri türlerinde olabilir, diğer objeler veya fonksiyonlar da özellik olarak atanabilir.

Objeler ayrıca, belirli bir amaç için tasarlanmış türler belirlemenize izin verir. Örneğin, bir tarayıcıda kullanıcının tıkladığı düğmeler, klavye tuşları vb. olaylardan bilgi toplamak için kullanabileceğiniz DOM (Belge Nesne Modeli) nesneleri vardır.

Nesne yönelimli programlama (OOP) mantığına sahip olan JavaScript’te, Nesne Yönelimli Tasarım (OOD) teknikleri de kullanılabilir. Bu teknikler, yeniden kullanılabilir kodları daha kolay ve anlaşılabilir bir şekilde tasarlamanıza olanak tanır.

Olaylar (Events)

JavaScript’te olaylar, kullanıcı etkileşimlerine tepki vermek ve web sayfalarına dinamizm katmak için kullanılır. Olay, bir web sayfasında gerçekleşen herhangi bir etkileşimdir ve bu etkileşime tepki vermek için olay işleyicisi kullanılır. JavaScript’te birçok farklı olay türü vardır ve her biri farklı etkileşimlere tepki verir. Olay işleyicileri, belirli bir olay gerçekleştiğinde çalışan JavaScript işlevleridir. HTML’de olaylar, örneğin bir düğmeye tıklama veya bir form gönderme gibi kullanıcı etkileşimleri tarafından tetiklenir. JavaScript ile, belirli bir olayın gerçekleştiği durumda, belirli bir işlevi çalıştırmak için olay işleyicisi tanımlayabilirsiniz. Olaylar ayrıca tarayıcıda farklı işlemler gerçekleştirmek için de kullanılabilir, örneğin sayfa yüklemesi tamamlandığında veya bir resim yüklendiğinde çalışan işlevler tanımlayabilirsiniz. Olaylar ve olay işleyicileri, etkileşimli web sayfaları oluşturmak için JavaScript’te temel bir bileşendir.