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

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

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, onu geleneksel programlama dillerinden farklı kılan özel özelliklere sahiptir. Ne olduğunu, nasıl çalıştığını ve onunla neler yapabileceğinizi inceleyeceğiz. Hadi parçalayalım.



JavaScript Nedir?

JavaScript, web için bir betik dilidir. Yorumlanmış bir dildir, yani C veya C++ gibi kodunu çevirmek için bir derleyiciye ihtiyaç duymaz. JavaScript kodu doğrudan bir web tarayıcısında çalışır.





Dilin en son sürümü, Haziran 2018'de piyasaya sürülen ECMAScript 2018'dir.

telefonumun kilidini ücretsiz çevrimiçi aç

JavaScript, web uygulamaları veya web sayfaları oluşturmak için HTML ve CSS ile birlikte çalışır. JavaScript, Google Chrome, Firefox, Safari, Microsoft Edge, Opera vb. gibi çoğu modern web tarayıcısı tarafından desteklenir. Android ve iPhone için çoğu mobil tarayıcı artık JavaScript'i de destekler.



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 Arayüzleri (API), size daha fazla işlevsellik sağlayan JavaScript tarafından da desteklenir.

JavaScript'in nasıl çalıştığını anlamak, web programlamanın nasıl çalıştığını anladığınızda biraz daha kolaydır, o yüzden 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 bir 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 olarak yazıldığı sırayla görünür.
  • CSS düzenin stilini ve ek yönlerini kontrol eder. CSS, renkleri, yazı tiplerini, sütunları, kenarlıkları vb. oluşturan web sitesinin tasarımını oluşturmak için kullanılır. Web sitesini düz metin öğelerinden renkli tasarımlara taşır.
  • Üçüncü unsur ise 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üğmeler tıklandığında işlevleri kontrol eden şeydir, parola formlarının nasıl doğrulandığı, medyanın nasıl kontrol edildiğidir.

Üç parça da tam ölçekli uygulamalar oluşturmak için birbiriyle uyum içinde çalışır. HTML ve CSS konusunda tamamen rahat değilseniz, HTML ve CSS hakkında daha fazla bilgi edinmek iyi bir fikir olacaktır.



JavaScript Nasıl Çalışır?

JavaScript'i yazmadan önce, kaputun altında nasıl çalıştığını bilmek önemlidir. Öğrenilecek iki önemli parça vardır: 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 Belge Nesne Modeli (DOM) olarak bilinen şeyi oluşturur. DOM, JavaScript kodunuza web sayfasının canlı bir 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 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üklemeyi bitirmesini bekler.

Bu yapıldıktan sonra JavaScript, kodun yazıldığı sırayla yürütülür. Bu, DOM'nin JavaScript koduyla güncellenmesine ve tarayıcı tarafından oluşturulmasına neden olur.

Buradaki sıralama önemlidir. JavaScript, HTML ve CSS'nin bitmesini beklemeseydi, DOM öğelerini değiştiremezdi.

JavaScript ile Ne Yapabilirim?

JavaScript, Python gibi normal bir dilin yapabileceği çoğu şeyi yapabilen tam teşekküllü bir programlama dilidir. Bunlar şunları içerir:

windows 10 ip adresi nasıl bulunur
  • Değişkenleri bildirmek.
  • Değerlerin saklanması ve alınması.
  • Dahil olmak üzere işlevleri tanımlama ve çağırma ok fonksiyonları .
  • 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.
  • Ve daha fazlası.

Uyarı: JavaScript çok güçlü bir dil olduğundan, kötü amaçlı yazılımlar, virüsler ve tarayıcı hack'leri yazmak ve bunları kullanıcılara bulaştırmak da mümkündür. Bunlar, tarayıcı tanımlama bilgilerini, şifreleri, kredi kartlarını çalmaktan bilgisayarınıza virüs indirmeye kadar uzanır.

JavaScript'i kullanma

Kod örnekleriyle bazı JavaScript temellerine bakalım.

Değişkenleri bildirmek

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

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

operatörler

Ek

12 + 5
>> 17

Çıkarma

20 - 8
>> 12

Çarpma işlemi

5 * 2
>> 10

Bölüm

50 / 2
>> 25

modül

45 % 4
>> 1

diziler

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

Fonksiyonlar

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

tabletin dokunmatik ekranının yanıt vermemesi nasıl düzeltilir
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

döngüler

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

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 yüklemenin en yaygın yolu, senaryo HTML etiketi. Gereksinimlerinize bağlı olarak, aşağıdaki yöntemlerden birini kullanabilirsiniz.

  • Bir web sayfasına harici bir JavaScript dosyası yükleyin: |_+_|
  • Javascript web sayfasından farklı bir alan adından geliyorsa tam URL'yi aşağıdaki gibi belirtebilirsiniz: |_+_|
  • JavaScript doğrudan HTML'ye gömülebilir. İşte bir |_+_|

Bu yöntemlerin dışında isteğe bağlı olarak JavaScript kodunu yüklemenin yolları vardır. Aslında, çalışma zamanında çözülen uygun bağımlılıklarla JavaScript modüllerini yüklemeye ve çalıştırmaya adanmış çerçeveler vardır.

Bunlar daha ileri düzey konular, şu anda temel bilgileri öğreniyorsunuz.

Örnek JavaScript Kod Parçacıkları

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ğıdakiler hepsini seçer gözü pek öğelerini belirler ve ilkinin rengini kırmızıya ayarlar. |_+_|
  • Görüntüyü değiştirmek istiyorum resim etiket? Aşağıdakiler, aşağıdakiler için bir olay işleyicisini ilişkilendirir: Tıklayın bir düğme olayı. |_+_|
  • Bir paragrafın metin içeriğini güncelleyin ( P ) eleman? Yı kur içHTML gösterilen öğenin özelliği: |_+_|

Bu kod örnekleri, web sayfanızda JavaScript kullanarak neler yapabileceğinize dair yalnızca bir bakış sunar. Başlamanız için size nasıl kod yazılacağını öğretebilecek birçok öğretici var. Bunu herhangi bir web sayfasında deneyebilirsiniz, bu sayfada bile! Konsolunuzu açın ve bazı JavaScript kodlarını deneyin.

Artık JavaScript'in Ne Yaptığını Biliyorsunuz

Umarız bu giriş JavaScript'e bazı içgörüler kazandırmıştır ve web programlama konusunda sizi heyecanlandırmıştır. hepsini özetleyebilirsin kullanışlı JavaScript hile sayfamız . JavaScript hakkında öğrenecek daha çok şey var. Kendinizi daha rahat hissettiğinizde neden Document Object Model'in nasıl kullanılacağını öğrenmeye çalışmıyorsunuz? TypeScript hakkında bilgi edinmek de ilginizi çekebilir.

Paylaş Paylaş Cıvıldamak E-posta Komut İstemini Kullanarak Windows Bilgisayarınızı Nasıl Temizlersiniz

Windows PC'nizin depolama alanı azalıyorsa, bu hızlı Komut İstemi yardımcı programlarını kullanarak gereksiz dosyaları temizleyin.

Sonrakini Oku İlgili konular
  • Teknoloji Açıklaması
  • Programlama
  • Web Geliştirme
  • JavaScript
  • komut dosyası
Yazar hakkında Anthony Grant(40 Makale Yayımlandı)

Anthony Grant, Programlama ve Yazılımı kapsayan serbest çalışan bir yazardır. Programlama, Excel, yazılım ve teknoloji ile uğraşan bir Bilgisayar Bilimi uzmanıdır.

Anthony Grant'dan Daha Fazla

Haber bültenimize abone ol

Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!

Abone olmak için buraya tıklayın