JavaScript, HTML ve CSS ile birlikte World Wide Web'in temel teknolojilerinden biri olan programlama dilidir. Web sitelerinin %97'sinden fazlası, web sayfası hareketleri için istemci tarafında JavaScript kullanırlar ve kullanılan kodlar genellikle üçüncü taraf kitaplıkları içerir.
Java ve JavaScript Arasındaki Farklar:
Java ve JavaScript arasındaki temel farklar: Java bir OOP programlama dilidir, Java Script bir OOP komut listesi oluşturma dilidir. Java, sanal makinede veya tarayıcıda çalışan uygulamalar oluşturur, JavaScript kodu sadece tarayıcıda çalıştırılır. Java kodunun derlenmesi gerekir, JavaScript kodları metinlerden oluşur.
JavaScript için HTML bilmek gerekir mi?
Çalışması için bir web geliştiricisinin HTML sayfalarına bir JavaScript kodu yerleştirmesi gerekir.
1. Ders JavaScript Terimleri:
abs() : Kendisine parametre olarak verilen herhangi bir sayı değerinin mutlak değerini bularak sonucu geriye döndürür. (Matematiksel işlem)
accessKey : Belge içerisindeki herhangi bir HTML elemanına atanmış olan accessKey değerini elde etmek veya ayarlamak için kullanılır. (Document Object Model)
accesskey : Nesneye klavyeden bir kısayol tuşu tanımlar. (HTML Global Attributes)
acos() : Kendisine parametre olarak verilen -1 ile 1 arasındaki sayı değerinin ark kosinüsünü radyan cinsinden bularak, bulduğu değeri geriye döndürür. (Matematiksel işlem)
acosh() : Kendisine parametre olarak verilen herhangi bir sayı değerinin hiperbolik ark kosinüsünü bularak, bulduğu değeri geriye döndürür. (Matematiksel işlem)
activeElement : Belge içerisindeki seçili veya odaklanılmış elemanın referansını elde etmek için kullanılır. (Document Object Model)
addEventListener() : Belgeye event işaretleyicisi / dinleyicisi eklemek için kullanılır. İşaretlenen / dinlenen event belgede gerçekleştirilecek olur ise belirtilecek olan fonksiyon veya fonksiyonlar çalışır. (Document Object Model)
adoptNode() : Belge içerisine başla bir belgeden node eklemek için kullanılır. Eklenecek olan node'un varsa tüm alt node'larıda işleme dahil edilerek ilgili tüm node'lar diğer belgeden kaldırılır. (Document Object Model)
alert() : Sayfa içerisinde uyarı penceresi açar. Belirtilen uyarıyı ekranda gösterir. (Uyarı penceresi)
altKey : Belge içerisindeki herhangi bir event tetiklenirken alt tuşuna basılıp basılmadığını kontrol ederek boolean veri türünde sonucu geriye döndürür. (Document Object Model)
anchor() : Değişkene çapa tanımlaması yapar. Aynı zamanda çapaya name değeri atar. (Değişkenler)
anchors : Belge içerisindeki çapa tag'ına sahip tüm elemanların referansını elde etmek için kullanılır. Elemanların referansları birden fazla ise her bir eleman döngü ile elde edilebilir. (Document Object Model)
appCodeName : Browser'ın kod adı referansını elde etmek için kullanılır. (Browser Object Model)
appendChild() : Bir node'u belge içerisinde belirtilecek olan herhangi bir elemanın içerisine en sonda olmak üzere eklemek için kullanılır. (Document Object Model)
appName : Browser adının referansını elde etmek için kullanılır. (Browser Object Model)
appVersion : Browser'ın sürüm bilgisi referansını elde etmek için kullanılır. (Browser Object Model)
arguments : Fonksiyona herhangi bir parametre tanımlanmadan bile gelebilecek tüm parametre değerlerinin alınmasını sağlar. (Fonksiyonlar)
asin() : Kendisine parametre olarak verilen -1 ile 1 arasındaki sayı değerinin ark sinüsünü radyan cinsinden bularak, bulduğu değeri geriye döndürür. (Matematiksel işlem)
asinh() : Kendisine parametre olarak verilen herhangi bir sayının değerinin hiperbolik ark sinüsünü bularak, bulduğu değeri geriye döndürür. (Matematiksel işlem)
assign() : Browser penceresine yeni bir sayfa yüklemek için kullanılır. (Browser Object Model)
atan() : Kendisine parametre olarak belirtilen herhangi bir sayı değerinin ark tanjantını radyan cinsinden bularak, bulduğu değeri geriye döndürür. (Matematiksel işlem)
atan2() : Kendisine parametre olarak verilen sayı değerlerinin ark tanjantını radyan cinsinden bularak, bulduğu değeri geriye döndürür. (Matematiksel işlem)
atanh() : Kendisine parametre olarak verilen herhangi bir sayı değerinin -1 ile 1 arasındaki sayı değerinin hiperbolik ark tanjantını bularak, bulduğu değeri geriye döndürür. (Matematiksel işlem)
atob() : Pencere içerisindeki herhangi bir metnin base64 kodlamasına dönüştürülmüş karakterlerini çözerek değeri geriye döndürür. (Browser Object Model)
availHeight : Kullanıcının windows görev çubuğu hariç ekranının yükseklik değerini elde etmek için kullanılır. (Browser Object Model)
availWidth : Kullanıcının windows görev çubuğu hariç ekranının genişlik değerini elde etmek için kullanılır. (Browser Object Model)
avarage() : Number veri türü içerikli dizinin her elemanı üzerinde tek tek olmak üzere çalışır ve tüm elemanların ortalamasını bularak, bulduğu değeri geriye döndürür. (Diziler)
back() : Pencerenin sayfa geçmişinde 1 geri gider. (Browser Object Model)
baseURI : Belgenin mutlak URL adresi referansını elde etmek için kullanılır. (Document Object Model)
big() : Değişken içerisindeki metni büyük fontlu metin yaparak değerini geriye döndürür. (Değişkenler)
blur() : Belge içerisinde odaklanılmış herhangi bir HTML elemanının odağından çıkmak için kullanılır. (Document Object Model)
body : Belge içerisindeki body tag'ının referansını elde etmek için kullanılır. (Document Object Model)
break : Döngü işleminden çıkmak için kullanılır. (Döngü)
break : Koşul kontrollerini sonlandırmak için kullanılır. (Koşul & Kontrol)
btoa() : Pencere içerisindeki bir metnin tüm karakterlerini base64 kodlamasına dönüştürerek oluşturduğu değeri geriye döndürür. (Browser Object Model)
button : Belge içerisinde mouse ile tıklama event'ı gerçekleştiğinde mouse'un hangi tuşuna basıldığı değerini geriye döndürür. (Document Object Model)
buttons : Belge içerisinde mouse ile tıklama event'ı gerçekleştiğinde mouse'un hangi tuşuna veya tuşlarına basıldığı değerini geriye döndürür. (Document Object Model)
caller : Fonksiyonu çağıran diğer bir fonksiyon referans olarak alınarak tüm bilgilerinin elde edilmesini sağlar. (Fonksiyonlar)
cancelable : Belge içerisinde tanımlı event'ın iptal edilebilir olup olmadığını kontrol ederek boolean veri türünde sonucu geriye döndürür. (Document Object Model)
case : Ek koşul kontrolleri için kullanılır. (Koşul & Kontrol)
catch : Hata oluşursa çalıştırılacak kodlar için kullanılır. (Koşul & Kontrol)
cbrt() : Kendisine parametre olarak verilen herhangi bir sayının küp kökünü bularak, bulduğu değeri geriye döndürür. (Matematiksel işlem)
ceil() : Kendisine parametre olarak verilen değeri yukarı yuvarlayarak değeri geriye döndürür. (Matematiksel işlem)
characterSet : Belgenin karakter kodlamasının referansını elde etmek için kullanılır. (Document Object Model)
charAt() : Kendisine parametre olarak verilen değer doğrultusunda değişken içeriğindeki karşılığı olan karakteri bularak geriye döndürür. (Değişkenler)
charCode : Belge içerisindeki onkeypress event'ı gerçekleştiğinde klavyeden basılan tuşun unicode kodlamasına dönüştürerek oluşturduğu değeri geriye döndürür. (Document Object Model)
charCode : Belge içerisindeki onkeypress event'ı gerçekleştiğinde klavyeden basılan tuşun unicode kodlamasına dönüştürerek oluşturduğu değeri geriye döndürür. (Document Object Model)
charCodeAt() : Kendisine parametre olarak verilen değer doğrultusunda değişken içeriğindeki karşılığı olan karakteri bularak, karakterin Unicode değerini geriye döndürür. (Değişkenler)
childElementCount : Belge içerisindeki herhangi bir HTML elemanının içerdiği alt elemanlarının sayısını elde etmek için kullanılır. (Document Object Model)
childNodes : Belge içerisindeki herhangi bir HTML elemanının içerdiği alt node'ları elde etmek için kullanılır. (Document Object Model)
children : Belge içerisindeki herhangi bir HTML elemanının içerdiği alt elemanları elde etmek için kullanılır. (Document Object Model)
class : Nesneye CSS ile oluşturulmuş bir veya daha fazla sınıf ataması tanımlar. (HTML Global Attributes)
classList : Belge içerisindeki herhangi bir HTML elemanına atanmış olan class listesi isimlerini elde etmek veya ayarlamak için kullanılır. (Document Object Model)
className : Belge içerisindeki herhangi bir HTML elemanının class adını elde etmek veya ayarlamak için kullanılır. (Document Object Model)
clearInterval() : setInterval() metodu kullanılarak oluşturulmuş olan zamanlayıcıyı kaldırmak / iptal etmek / geçersiz kılmak için kullanılır. (Zamanlayıcı)
clearTimeout() : setTimeout() metodu kullanılarak oluşturulmuş olan zamanlayıcıyı kaldırmak veya iptal etmek veya geçersiz kılmak için kullanılır. (Zamanlayıcı)
clientHeight : Belge içerisindeki herhangi bir HTML elemanının içerik yüksekliği değerini elde etmek için kullanılır. (Document Object Model)
clientLeft : Belge içerisindeki herhangi bir HTML elemanının sol kenarlık genişliği değerini elde etmek için kullanılır. (Document Object Model)
clientTop : Belge içerisindeki herhangi bir HTML elemanının üst kenarlık yüksekliği değerini elde etmek için kullanılır. (Document Object Model)
clientWidth : Belge içerisindeki herhangi bir HTML elemanının içerik genişliği değerini elde etmek için kullanılır. (Document Object Model)
clientX : Belge içerisindeki herhangi bir mouse event'ı gerçekleştiğinde browser penceresine göre mouse'un yatay konum koordinatının değerini geriye döndürür. (Document Object Model)
clientY : Belge içerisindeki herhangi bir mouse event'ı gerçekleştiğinde browser penceresine göre mouse'un dikey konum koordinatının değerini geriye döndürür. (Document Object Model)
cloneNode() : Belge içerisindeki herhangi bir HTML elemanının içerdiği node'u kopyalamak için kullanılır. (Document Object Model)
close() : Geçerli pencereyi kapatmak için kullanılır. (Browser Object Model)
closed : Bir pencerenin kapatılıp kapatılmadığını kontrol ederek, boolean veri türünde sonucu geriye döndürür. (Browser Object Model)
colorDepth : Kullanıcının ekranı için tanımlanmış olan renk derinliği / renk kalitesi değerini elde etmek için kullanılır. (Browser Object Model)
compareDocumentPosition() : Belge içerisinde bulunan node'ların birbilerine göre konum değerlerini elde etmek için kullanılır. (Document Object Model)
compatMode : Belgenin browser tarafından hangi modda çalıştırıldığının referansını elde etmek için kullanılır. (Document Object Model)
compile() : Önceden oluşturulmuş düzenli ifade içerisindeki desenin değiştirilmesini sağlar. (Düzenli ifadeler)
concat() : Üzerinde çalışılan değişkene parametrik olarak verilen değişken veya değişkenleri dahil ederek yeni bir içerik oluşturur. Oluşturduğu değeri geriye döndürür. (Değişkenler)
concat() : Üzerinde çalışılan diziye parametrik olarak verilen eleman veya elemanları yada dizi veya dizileri dahil ederek yeni bir dizi oluşturur ve oluşturmuş olduğu dizi değerini geriye döndürür. (Diziler)
confirm() : Kullanıcı işlemlerinde onay penceresi oluşturmak için kullanılır. (Browser Object Model)
console.log() : Tarayıcı konsoluna değer ataması yapar veya kayıt atar. (Konsol çıktısı)
const : Sabit değişken tanımlamakta kullanılır. (Değişkenler)
constructor : Nesnenin constructor'ını elde etmek için kullanılır ve constructor'ın değerini geriye döndürür. Ayrıca aynı zamanda kontrol işlemleri içinde kullanılabilir. (Nesneler)
constructor : Object’in oluşturduğu yapıcı metoda erişmek için kullanılan özelliktir. (Object Oriented Programming)
contains() : Belge içerisindeki herhangi bir node'un, başka bir node'un alt node'u düğümü olup olmadığını kontrol ederek, boolean veri türünde sonucu geriye döndürür. (Document Object Model)
contentEditable : Belge içerisindeki herhangi bir HTML elemanının contenteditable değerini elde etmek veya ayarlamak için kullanılır. (Document Object Model)
contenteditable : Nesnenin düzenlenip düzenlenemeyeceğini tanımlar. (HTML Global Attributes)
contextmenu : Nesneyi bir menü ile ilişkilendirir. Nesnenin bağlam menüsü de denilebilir. Nesneye sağ tıklamalarda açılacak olan menü ilişkilendirilmesidir. (HTML Global Attributes)
continue : Döngünün o anki işlemini sonlandırarak döngünün başına döner ve işleme kaldığı yerden devam eder. (Döngü)
cookie : Çerez işlemleri için kullanılır. (Document Object Model)
cookieEnabled : Browser'ın cookie kullanımını destekleyip desteklemediğini kontrol ederek, boolean veri türünde sonucu geriye döndürür. (Browser Object Model)
copyWithin() : Kendisine verilecek olan parametreler ile tanımlanmış dizi aralığında bulunan değerleri kopyalayarak, parametreler doğrultusunda dizinin elemanlarını değiştirir ve dizinin değerini geriye döndürür. (Diziler)
cos() : Kendisine parametre olarak verilen herhangi bir sayı değerinin kosinüsünü bularak, bulduğu değeri geriye döndürür. (Matematiksel işlem)
cosh() : Kendisine parametre olarak verilen herhangi bir sayının hiperbolik kosinüsünü bularak, bulduğu değeri geriye döndürür. (Matematiksel işlem)
createAttribute() : Belge içerisindeki istenilen bir elemana yeni bir özellik / nitelik node'u oluşturur ve oluşturduğu bu node'u bir node object olarak geriye döndürür. (Document Object Model)
createComment() : Belge içerisine yeni bir açıklama node'u oluşturur ve oluşturduğu bu node'u bir node object olarak geriye döndürür. (Document Object Model)
createElement() : Belge içerisinde yeni bir HTML eleman node'u oluşturur ve oluşturduğu bu node'u bir node object olarak geriye döndürür. (Document Object Model)
createTextNode() : createElement() metodu ile oluşturulan HTML elemanına metin node'u oluşturur ve oluşturduğu bu node'u bir node object olarak geriye döndürür. (Document Object Model)
ctrlKey : Belge içerisindeki herhangi bir event tetiklenirken ctrl tuşuna basılıp basılmadığını kontrol ederek boolean veri türünde sonucu geriye döndürür. (Document Object Model)
currentTarget : Belge içerisinde tanımlı event'ı tetikleyen herhangi bir HTML elemanının event işaretleyicileri / dinleyicileri tarafından tag adı referansını elde etmek için kullanılır. (Document Object Model)
Daha fazla hava durumu tahmini: 30 gunluk hava durumu Ankara
