JavaScript Nedir ve Nasıl Çalışır?

JavaScript Nedir? JavaScript, modern web geliştirmede temel bir unsur haline geldi. Bu güçlü dil, herhangi bir web geliştiricisinin anlaması için önemli bir araca dönüşmüştür.

JavaScript, geleneksel programlama dillerinden farklı kılan özel özelliklere sahiptir. Ne olduğunu, nasıl çalıştığını ve onunla neler yapabileceğinizi araştırmaya başlayacağız. Şimdi onu parçalayalım.

Dilin en son sürümü Haziran 2018’de yayımlanan ECMAScript 2018’dir.

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. Gibi çoğu modern web tarayıcıları tarafından desteklenmektedir. Android ve iPhone için mobil tarayıcıların çoğu 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), JavaScript tarafından da desteklenerek size daha fazla işlevsellik sunar.

Bknz Microsfot’un Yeni Programlama Dili Bosque

Web programlamanın nasıl çalıştığını anladığınızda JavaScript’in çalışma şeklini anlamak biraz daha kolaydır, bu yüzden hadi JavaScript Nedir daha fazlasını öğrenelim.

Web Uygulaması Yapı Taşları

Web siteleri ve uygulamalar oluşturan üç bileşen vardır: Köprü Metni Biçimlendirme Dili (HTML), Basamaklı Stil Sayfaları (CSS) ve JavaScript. Her birinin bir web uygulaması oluşturmada rolü vardır.

• HTML, web sayfasının iskeletini oluşturan bir işaretleme 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ırayla görüntülenir.
• CSS, stili ve mizanpajın ek özelliklerini kontrol eder. CSS, web sitelerinin renklerini, yazı tiplerini, sütunlarını, kenarlıklarını vb. Oluşturan tasarımını oluşturmak için kullanılır. Web sitesini düz metin öğelerinden renkli tasarımlara götürür.
• Üçüncü unsur JavaScript. HTML ve CSS yapıyı oluşturur, ancak oradan hiçbir şey yapmazlar. JavaScript, uygulamanızda dinamik etkinlik oluşturur. JavaScript’te komut dosyası oluşturma, düğmelere tıklandığında kontrol edilen işlevler, şifre formlarının nasıl doğrulandığı, medyanın nasıl kontrol edildiği.

Her üç bölüm de tam ölçekli uygulamalar oluşturmak için birbiriyle uyumlu çalışır. Onlarla tamamen rahat değilseniz, HTML ve CSS hakkında daha fazla bilgi edinmek iyi bir fikir olacaktır.

JavaScript Nasıl Çalışır?

JavaScript yazmadan önce kaputun altında JavaScript nasıl çalışır bilmek önemlidir. Öğrenilmesi gereken iki önemli parça var: Web tarayıcısının nasıl çalıştığı ve Belge Nesne Modeli (DOM).

Web tarayıcısı bir web sayfası yükler, HTML’yi ayrıştırır ve içeriklerden bir Belge Nesne Modeli (DOM) olarak bilinen şeyi oluşturur. DOM, web sayfasının canlı görüntüsünü JavaScript kodunuza sunar.

Tarayıcı, görüntüler ve CSS dosyaları gibi HTML ile bağlantılı her şeyi alacaktır. CSS bilgisi, CSS ayrıştırıcısından gelir.

HTML ve CSS, önce web sayfasını oluşturmak için DOM tarafından bir araya getirilir. Ardından, 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üklenmesini bitirmesini bekler.

Bu yapıldıktan sonra, JavaScript kodun yazıldığı sırada yürütülür. Bu, DOM’in JavaScript koduyla güncellenmesini ve tarayıcı tarafından oluşturulmasını sağlar.

Buradaki sıra önemli. JavaScript HTML ve CSS’nin bitmesini beklememişse, DOM öğelerini değiştiremez.

• Değişkenleri bildirme.
• Değerleri saklama ve alma.
• İşlevleri tanımlamak ve çağırmak.
• JavaScript nesnelerini ve sınıflarını tanımlama.
• Harici modülleri yükleme ve kullanma.
• Tıklama olaylarına yanıt veren olay işleyicileri yazma.
• Sunucu kodu yazma
• Ve daha fazlası.

Uyarı: bu yana JavaScript böylesine güçlü bir dildir, kullanıcıların bunları indirebilmek için kötü amaçlı yazılım, virüs ve tarayıcı kesmek yazmak da mümkündür. Bunlar tarayıcı çerezleri, şifreler, kredi kartları çalmaktan bilgisayarınıza virüs indirmeye kadar uzanır.

JavaScript Ne için Kullanılır?

JavaScript esas olarak web tabanlı uygulamalar ve web tarayıcıları için kullanılır. Ancak JavaScript, Web’in ötesinde yazılımlarda, sunucularda ve gömülü donanım kontrollerinde de kullanılır. JavaScript’in kullanıldığı bazı temel şeyler şunlardır: 

1. Web sayfalarına etkileşimli davranış ekleme

JavaScript, kullanıcıların web sayfalarıyla etkileşime girmesine olanak tanır. Bir web sayfasında JavaScript ile yapabileceklerinizin neredeyse sınırı yoktur – bunlar sadece birkaç örnek:

• Bir düğmeye tıklayarak daha fazla bilgiyi gösterin veya gizleyin
• Fare üzerine geldiğinde bir düğmenin rengini değiştirme
• Ana sayfada bir resim karuselinde kaydırın
• Bir görüntüyü yakınlaştırma veya uzaklaştırma
• Bir web sitesinde bir zamanlayıcı veya geri sayım görüntüleme
• Bir web sayfasında ses ve video oynatma
• animasyonlar gösteriliyor
• Açılır bir hamburger menüsü kullanma 

2. Web ve mobil uygulamalar oluşturma

Geliştiriciler, web ve mobil uygulamalar geliştirmek ve oluşturmak için çeşitli JavaScript çerçevelerini kullanabilir. JavaScript çerçeveleri, geliştiricilere rutin programlama özellikleri ve görevleri için kullanmak üzere önceden yazılmış kodlar sağlayan JavaScript kod kitaplıkları koleksiyonlarıdır – kelimenin tam anlamıyla web siteleri veya web uygulamaları oluşturmak için bir çerçeve. 

Popüler JavaScript ön uç çerçeveleri arasında React, React Native, Angular ve Vue bulunur. Birçok şirket, Google Chrome’un JavaScript V8 motoru üzerine kurulmuş bir JavaScript çalışma zamanı ortamı olan Node.js’yi kullanır. Birkaç ünlü örnek Paypal, LinkedIn, Netflix ve Uber’dir! 

3. Web sunucuları oluşturma ve sunucu uygulamaları geliştirme

Web sitelerinin ve uygulamaların ötesinde, geliştiriciler JavaScript’i basit web sunucuları oluşturmak ve Node.js kullanarak arka uç altyapısını geliştirmek için de kullanabilir. 

4. Oyun geliştirme

Elbette tarayıcı oyunları oluşturmak için JavaScript’i de kullanabilirsiniz. Bunlar, yeni başlayan geliştiricilerin JavaScript becerilerini geliştirmeleri için harika bir yoldur.

JavaScript Kullanımı

Bazı JavaScript temellerine kod örnekleriyle bakalım.

Değişkenleri bildirme

JavaScript dinamik olarak yazılmıştır, bu da değişkenlerinizin türünü kodunuzda bildirmeniz gerekmediği anlamına gelir.

let num = 5;
let myString = "Hello";
var interestRate = 0.25;

Operatörler

Toplama, Ekleme

12 + 5
>> 17

Çıkarma

20 - 8
>> 12

Çarpma işlemi

5 * 2
>> 10

Bölünme

50 / 2
>> 25

Modül

45 % 4
>> 1

Diziler

let myArray = [1,2,4,5];
let stringArray = ["hello","world"];

Fonksiyonlar

JavaScript fonksiyonları yazabilir, işte sayıları ekleyen basit bir fonksiyon.

function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Döngüler

JavaScript yineleme için döngüler gerçekleştirebilir, döngüler için olduğu gibi döngüler ve döngü sırasında döngüleri gerçekleştirebilir.

for(let i = 0; i < 3; i++){ 
console.log("echo!"); 
} 
>> echo!
>> echo!
>> echo!

let i = 0;
while(i < 3) { 
console.log("echo!");
i++; 
} 
>> echo!
>> echo!
>> echo!

Yorumlar

// Writing a comment

/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

Bir Web Sayfasında

Bir web sayfasına JavaScript’i yüklemenin en yaygın yolu script HTML etiketini kullanmaktır. Gereksinimlerinize bağlı olarak, aşağıdaki yöntemlerden birini kullanabilirsiniz.

• Harici bir JavaScript dosyasını web sayfasına aşağıdaki gibi yükleyin:<script type="text/javascript" src="/path/to/javascript"></script>
• Javascript, web sayfasından farklı bir alandan geliyorsa URL’nin tamamını belirleyebilirsiniz:<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
• JavaScript doğrudan HTML’ye gömülebilir. İşte bir<script type="text/javascript"> alert("Page is loaded"); </script>

Bu yöntemlerin dışında talep üzerine JavaScript kodu yükleme yolları vardır. Aslında, çalışma zamanında çözülen uygun bağımlılıkları olan JavaScript modüllerini yüklemeye ve çalıştırmaya adanmış çerçeveler vardır.

Bunlar daha ileri konular, şu anda temelleri öğreniyorsunuz.

Örnek JavaScript Kod Parçacıkları

İşte web sayfalarında nasıl kullanıldığını göstermek için bazı basit JavaScript kod örnekleri. Bunlar DOM ile çalışan kod örnekleridir.

• Aşağıdaki , belgedeki tüm kalın öğeleri seçer ve ilk rengini kırmızıya ayarlar.var elems = document.getElementsByTagName('b'); elems[0].style.color = 'red';
• Bir img etiketindeki resmi değiştirmek ister misiniz ? Aşağıdakiler , bir düğmenin click olayı için bir olay işleyicisini ilişkilendirir .<img id="myImg" src="prev-image.png"> <button onclick="document.getElementById('myImg').src='new-image.png'">Change Image</button>
• Paragraf ( p ) öğesinin metin içeriğini güncelle ? Elemanın innerHTML özelliğini gösterildiği gibi ayarlayın :<p id="first-para">Hello World</p> <button onclick="document.getElementById('first-para').innerHTML = "Welcome to JavaScript!"'>Click me</button>

Bu kod örnekleri, web sayfanızdaki JavaScript’i kullanarak neler yapabileceğinize bir bakış sunar. Orada kod nasıl öğretebilir öğreticiler bol Başlamak için. Bunu bile, herhangi bir web sayfasında deneyebilirsiniz! Konsolunuzu açın ve bazı JavaScript kodlarını deneyin.

Şimdi JavaScript’in Ne Yaptığını Biliyorsunuz

Umarım, bu giriş JavaScript ile ilgili bazı bilgiler getirmiştir ve sizi web programlama konusunda heyecanlandırmaktadır. JavaScript hakkında daha çok şey var. Kendinizi daha rahat hissettiğinizde neden Belge Nesne Modeli’ni kullanmayı öğrenmeye çalışmıyorsunuz?

JavaScript nedir ve JavaScript nasıl çalışır hakkında ki tüm soruların cevabını bu makalemizde bulduğunuzu umut ediyoruz. Sormak istediğiniz tüm soru öneri ve görüşler için yorumlar bölümünü kullanabilirsiniz.