VnexTR: Bilişim Forumu

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.

Alıntı:Web programlamanın nasıl çalıştığını anladığınızda JavaScript’in tüm çalışma yöntemlerini öğrenmek daha kolay olacaktır, bu yüzden daha fazla bilgi edinelim.

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.

Her üç bölüm de tam ölçekli uygulamalar oluşturmak için birbirleriyle uyumlu çalışır. HTML ve CSS hakkında daha fazla bilgiye ihtiyacınız var ise diğer yazılarıma göz atabilirsiniz.JavaScript Nasıl Çalışır?JavaScript yazmadan önce, başlık altında nasıl çalıştığını bilmek önemlidir. Öğrenilecek iki önemli parça vardır: Web tarayıcısı nasıl çalışır ve Belge Nesne Modeli (DOM).Web tarayıcısı web sayfası yükler, HTML’yi ayrıştırır ve içerikten Belge Nesne Modeli (DOM) olarak bilinen dosyayı oluşturur. DOM, web sayfasının JavaScript kodunuza canlı görünümünü sunar. Tarayıcı daha sonra resimler ve CSS dosyaları gibi HTML ile bağlantılı her şeyi alır. CSS bilgileri CSS ayrıştırıcısından gelir.Önce web sayfasını oluşturmak için HTML ve CSS, DOM tarafından bir araya getirilir. Daha sonra, tarayıcıların JavaScript motoru JavaScript dosyalarını ve satır içi kodu yükler, ancak kodu hemen çalıştırmaz. HTML ve CSS’nin yüklemeyi bitirmesini bekler. Bu yapıldıktan sonra JavaScript kodun yazıldığı sırada yürütülür. Bu, DOM’nin JavaScript koduyla güncellenmesine ve tarayıcı tarafından oluşturulmasına neden olur. Buradaki düzen önemlidir. JavaScript HTML ve CSS’nin bitmesini beklemiyorsa, DOM öğelerini değiştiremez.JavaScript ile Ne Yapabilirim?JavaScript, Python gibi bir dilin yapabileceği birçok şeyi yapabilen tam teşekküllü programlama dilidir. Bunlar:

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.

JavaScript kodlamaya başlayalım ;Değişkenleri bildirme: JavaScript dinamik olarak yazılmıştır, yani kodunuzdaki değişkenlerin türünü bildirmeniz gerekmez.

Kod:
let sayi = 5;

let yazi = "Merhaba";

var i = 0.25;

Operatörler :Toplama :

Kod:
1

212 + 5

>> 17

Çıkarma :

Kod:
 20 - 8

>> 12

Çarpma :

Kod:
 5 * 2

>> 10

Bölme :

Kod:
 50 / 2

>> 25

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:
 function toplam(sayi1,sayi2){

return sayi1 + sayi2;

}

>> toplam(10,5);

>> 15

Kod:
 for(let i = 0; i < 3; i++){

console.log("Merhaba Dünya");

}

>> Merhaba Dünya

>> Merhaba Dünya

>> Merhaba Dünya

Kod:
 let i = 0;

while(i < 3) {

console.log("Merhaba Dünya");

i++;

}

>> Merhaba Dünya

>> Merhaba Dünya

>> Merhaba Dünya

Web 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:
 <script type="text/javascript">

alert("Sayfa yüklendi!");

</script>

İmg etiketindeki resmi değiştirmek ister misiniz ? Tek tıklama olayı ile bunu yapalım Gülümse

Bu yükleme yolları dışında, başka JavaScrip yükleme işlemleri de bulunmakta. Temel düzey çalışma yaptığımız için şimdilik yukarıda ki JavaScrip yükleme yöntemlerini öğrenmek yeterli olacaktır Gülümse

Kod:
 <img id="resim" src="araba-resim.png">

<button onclick="document.getElementById('resim').src='araba-resim.png'">Resim Değiştir</button>

Bu yazımda JavaScrip programlama diline temel düzeyde giriş yapmış olduk. Umarım yeterince açıklayıcı olmuştur. Konu ile ilgili düşüncelerinizi ve sorularınızı bana yorum yaparak iletebilirsiniz. Yeni yazıda görüşmek üzere Gülümse

Başarılı bir konu olmuş elinize sağlık.

bunu sonuna kadar uygulayarak okudum 2.side gelsin beklemedeyim Sev

Teşekkür ederiz broom Gülümse

SLayeR

Edwen

anill

Baran Yılmaz