![[Resim: d7W2S7.jpg]](/proxy.php?image=https%3A%2F%2Fforumcsdarkresim.com%2Fgaleri%2Fd7W2S7.jpg&hash=76ad0427d7b078628298636cae461210 "[Resim: d7W2S7.jpg]")
JavaScript, modern web geliştirmenin temeli haline gelmiştir. Her web geliştiricisinin mutlaka öğrenmesi gereken önemli bir araç haline geldi. JavaScript, diğer programlama dillerinden farklı kılan özelliklere sahiptir. Ne olduğunu, nasıl çalıştığını ve onunla neler yapabileceğinizi inceleyeceğim. Hadi başlayalım ?JavaScript Nedir? JavaScript, web için geliştirilmiş betik dilidir. Yorumlanmış dildir, yani kodunu C veya C ++ gibi çevirmek için derleyiciye ihtiyaç duymaz. JavaScript kodu doğrudan seçtiğiniz web tarayıcısında çalışır. JavaScript, web uygulamaları veya web sayfaları oluşturmak için HTML ve CSS ile çalışır. JavaScript, Google Chrome, Firefox, Safari, Microsoft Edge, Opera vb. Çoğu modern web tarayıcısı tarafından desteklenmektedir. Android ve iPhone için çoğu mobil tarayıcı artık JavaScript’i de desteklemektedir.JavaScript, web sayfalarının dinamik öğelerini kontrol eder. Web tarayıcılarında ve daha yakın zamanda web sunucularında da çalışır. Uygulama Programlama Arabirimleri (API) de JavaScript tarafından desteklenir ve size daha fazla işlevsellik kazandırır.
Web Uygulaması Yapı TaşlarıWeb siteleri ve uygulamaları oluşturmak için gereken üç bileşen vardır: HTML, CSS ve JavaScript. Her birinin web uygulaması oluşturmada önemli rolü vardır.
- HTML , web sayfasının iskeletini oluşturan biçimlendirme dilidir. Tüm paragraflar, bölümler, resimler, başlıklar ve metinler HTML ile yazılmıştır. İçerik, web sitesinde HTML’de yazıldığı sırada görünür
- CSS , stil ve ek özelliklerini kontrol eder. CSS, renkleri, yazı tiplerini, sütunları, kenarlıkları vb. Oluşturarak web sitesinin tasarımını oluşturmak için kullanılır. Web sitesini düz metin öğelerinden renkli tasarımlara götürür.
- JavaScript , Uygulamanızda dinamik etkinlik oluşturmak istiyorsanız JavaScript kullanmanız gerekir. JavaScript’te komut dosyası oluşturarak, düğmeler tıklatıldığında işlevleri denetleyen, parola formlarının nasıl doğrulandığı, medyanın nasıl denetlendiği gibi konuları kontrol edebiliriz.
Bu bağlantı ziyaretçiler için gizlenmiştir. Görmek için lütfen giriş yapın veya üye olun.
Bu bağlantı ziyaretçiler için gizlenmiştir. Görmek için lütfen giriş yapın veya üye olun.
- Değişkenlerin bildirilmesi.
- Değerlerin saklanması ve alınması.
- Fonksiyonları tanımlama ve çağırma.
- JavaScript nesnelerini ve sınıflarını tanımlama.
- Harici modüllerin yüklenmesi ve kullanılması.
- Tıklama olaylarına yanıt veren olay işleyicileri yazma.
- Sunucu kodu yazma.
Kod:
Kod:
let sayi = 5;
let yazi = "Merhaba";
var i = 0.25;Kod:
Kod:
1
212 + 5
>> 17Kod:
Kod:
20 - 8
>> 12Çarpma :
Kod:
Kod:
5 * 2
>> 10Kod:
Kod:
50 / 2
>> 25Kod:
Kod:
let dizi = [1,2,4,5];
let dizi = ["merhaba","dünya"];Diziler :
JavaScript ile fonksiyonlar yazabiliriz, iki sayının toplama işlemini yapan bir fonksiyon örneği yapalım.Fonksiyonlar :
Örnek olarak for ve while döngüleriyle ekrana 3 defa merhaba dünya yazdıralım.
Döngüler :
Kod:
Kod:
function toplam(sayi1,sayi2){
return sayi1 + sayi2;
}
>> toplam(10,5);
>> 15Kod:
Kod:
for(let i = 0; i < 3; i++){
console.log("Merhaba Dünya");
}
>> Merhaba Dünya
>> Merhaba Dünya
>> Merhaba DünyaKod:
Kod:
let i = 0;
while(i < 3) {
console.log("Merhaba Dünya");
i++;
}
>> Merhaba Dünya
>> Merhaba Dünya
>> Merhaba DünyaWeb Sayfasında Nasıl Kullanılır ?Web sayfasına JavaScript yüklemenin en yaygın yolu komut dosyası HTML etiketini kullanmaktır. Gereksinimlerinize bağlı olarak, aşağıdaki yöntemlerden birini kullanabilirsiniz.Harici JavaScript dosyasını, web sayfasına aşağıdaki gibi yükleyebiliriz:
Kod:
<script type="text/javascript" src="/path/to/javascript"></script>JavaScript doğrudan HTML’ye gömülebiliriz :
Kod:
Kod:
<script type="text/javascript">
alert("Sayfa yüklendi!");
</script>Kod:
Kod:
<img id="resim" src="araba-resim.png">
<button onclick="document.getElementById('resim').src='araba-resim.png'">Resim Değiştir</button>