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

JavaScript Nedir? JavaScript, modern internet geliştirmede temel bir niçin haline geldi. Bu kuvvetli dil, rastgele bir internet geliştiricisinin anlaması için mühim bir araca dönüşmüştür.

JavaScript, geleneksel programlama dillerinden değişik kılan hususi özelliklere sahiptir. Ne olduğunu, iyi mi çalıştığını ve onunla neler yapabileceğinizi araştırmaya başlayacağız. Şimdi onu parçalayalım.

Neler Okuyacaksınız? →

JavaScript Nedir?

JavaScript nedir diye sorunuz var ise bu dil internet için bir betik dilidir. Tercüme edilmiş bir dildir, yani kodunu C ya da C ++ gibi çevirmek için bir derleyiciye gereksinim duymaz. JavaScript kodu direkt olarak bir internet tarayıcısında çalışır.

Dilin son olarak versiyonu Haziran 2018’de yayımlanan ECMAScript 2018’dir.

JavaScript, internet programları ya da internet sayfaları kurmak için HTML ve CSS ile çalışır. JavaScript, Google Chrome, Firefox, Safari, Microsoft Edge, Opera, vb. Gibi bir oldukça modern internet tarayıcıları tarafınca desteklenmektedir. Android ve iPhone için mobil tarayıcıların bir oldukça artık JavaScript’i de desteklemektedir.

JavaScript, internet sayfalarının hareketli öğelerini denetim eder. Web tarayıcılarında ve daha kısa sürede internet sunucularında da çalışır. Uygulama Programlama Arabirimleri (API), JavaScript tarafınca da desteklenerek size daha fazla işlevsellik sunar.

Bknz Microsfot’un Yeni Programlama Dili Bosque

Web programlamanın iyi mi çalıştığını anladığınızda JavaScript’in çabalama şeklini idrak etmek birazcık daha kolaydır, bu yüzden hadi JavaScript Nedir daha fazlasını öğrenelim.

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

Web Uygulaması Yapı Taşları

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

  • HTML, internet 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, internet sitesinde HTML’de yazıldığı sırayla görüntülenir.
  • CSS, stili ve mizanpajın ek özelliklerini denetim eder. CSS, internet sitelerinin renklerini, makale tiplerini, sütunlarını, kenarlıklarını vb. Oluşturan tasarımını kurmak için kullanılır. Web sitesini düz metin öğelerinden renkli tasarımlara götürür.
  • Üçüncü niçin JavaScript. HTML ve CSS yapıyı oluşturur, fakat oradan hiç bir şey yapmazlar. JavaScript, uygulamanızda hareketli aktivite oluşturur. JavaScript’te komut dosyası oluşturma, düğmelere tıklandığında denetim edilen işlevler, gizyazı formlarının iyi mi doğrulandığı, medyanın iyi mi denetim edildiği.

Her üç bölüm de tam ölçekli programlar kurmak için birbiriyle ahenkli çalışır. Onlarla tamamiyle huzurlu değilseniz, HTML ve CSS ile alakalı daha fazla malumat edinmek iyi bir düşünce olacaktır.

JavaScript Nasıl Çalışır?

JavaScript yazmadan ilkin kaputun altında JavaScript iyi mi çalışır bilmek önemlidir. Öğrenilmesi gereksinim duyulan iki mühim parça var: Web tarayıcısının iyi mi çalmış olduğu ve Belge Nesne Modeli (DOM).

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

Tarayıcı, sahneler 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, ilkin internet sayfasını kurmak için DOM tarafınca bir araya getirilir. Ardından, tarayıcıların JavaScript motoru JavaScript dosyalarını ve satır içi kodu yükler fakat kodu derhal ç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ınca oluşturulmasını sağlar.

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

JavaScript ile ne yapabilirim?

JavaScript, Python gibi düzgüsel bir dilin yapabileceği bir oldukça şeyi yapabilen tam teşekküllü bir programlama dilidir. Bunlar şunları içerir:

  • Değişkenleri bildirme.
  • Değerleri gizleme ve alma.
  • İşlevleri tarif etmek ve çağırmak.
  • JavaScript nesnelerini ve sınıflarını tanımlama.
  • Harici modülleri yükleme ve kullanma.
  • Tıklama vakalarına cevap veren vaka işleyicileri yazma.
  • Sunucu kodu yazma
  • Ve daha fazlası.

Uyarı: bu yana JavaScript böylesine kuvvetli bir dildir, kullananların bu tarz şeyleri indirebilmek için fena niyetli 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 internet tabanlı programlar ve internet 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ığı birtakım temel şeyler şunlardır: 

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

JavaScript, kullananların internet sayfalarıyla etkileşime girmesine imkân tanır. Bir internet sayfasında JavaScript ile yapabileceklerinizin neredeyse sınırı yoktur – bunlar yalnızca birkaç örnek:

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

2. Web ve mobil programlar oluşturma

Geliştiriciler, internet ve mobil programlar geliştirmek ve kurmak için muhtelif JavaScript çerçevelerini kullanabilir. JavaScript çerçeveleri, geliştiricilere rutin programlama özellikleri ve görevleri için kullanmak suretiyle daha önceden yazılmış kodlar elde eden JavaScript kod kitaplıkları koleksiyonlarıdır – kelimenin tam anlamıyla internet siteleri ya da internet programları kurmak için bir çerçeve. 

Popüler JavaScript ön uç çerçeveleri içinde React, React Native, Angular ve Vue bulunur. Birçok şirket, Google Chrome’un JavaScript V8 motoru üstüne kurulmuş bir JavaScript çabalama tarihi ortamı olan Node.js’yi kullanır. Birkaç meşhur misal Paypal, LinkedIn, Netflix ve Uber’dir! 

3. Web sunucuları oluşturma ve server programları geliştirme

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

4. Oyun geliştirme

Elbette tarayıcı oyunları kurmak için JavaScript’i de kullanabilirsiniz. Bunlar, yeni başlayan geliştiricilerin JavaScript becerilerini geliştirmeleri için mükemmel bir yoldur.

JavaScript Kullanımı

Bazı JavaScript temellerine kod örnekleriyle bakalım.

Değişkenleri bildirme

JavaScript hareketli olarak yazılmıştır, bu da değişkenlerinizin çeşidini 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 rakamları ekleyen kolay 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ü esnası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 internet 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ı internet sayfasına aşağıdaki gibi yükleyin:<script type="text/javascript" src="/path/to/javascript"></script>
  • Javascript, internet sayfasından değişik 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 direkt olarak HTML’ye gömülebilir. İşte bir<script type="text/javascript">
    alert("Page is loaded");
    </script>

Bu yöntemlerin haricinde istek üstüne JavaScript kodu yükleme yolları vardır. Aslında, çabalama zamanında çözülen makul 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 internet sayfalarında iyi mi kullanıldığını göstermek için birtakım kolay JavaScript kod örnekleri. Bunlar DOM ile çalışan kod örnekleridir.

  • Aşağıdaki , belgedeki bütün kalın unsurları 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şiklik yapmak istek eder misiniz ? Aşağıdakiler , bir butonun click vakası için bir vaka 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 hususi durumunu 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, internet sayfanızdaki JavaScript’i kullanarak neler yapabileceğinize bir bakış sunar. Orada kod iyi mi öğretebilir öğreticiler bolca Başlamak için. Bunu bile, rastgele bir internet sayfasında deneyebilirsiniz! Konsolunuzu açın ve birtakım JavaScript kodlarını deneyin.

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

Umarım, bu giriş JavaScript ile alakalı birtakım bilgiler getirmiştir ve sizi internet programlama konusu ile alakalı heyecanlandırmaktadır. JavaScript ile alakalı daha fazla şey var. Kendinizi daha huzurlu hissettiğinizde niçin Belge Nesne Modeli’ni kullanmayı öğrenmeye çalışmıyorsunuz?

JavaScript nelerdir ve JavaScript iyi mi çalışır ile alakalı ki bütün soruların yanıtını bu makalemizde bulduğunuzu ümit ediyoruz. Sormak istediğiniz bütün soru tavsiye ve görüşler için yorumlar bölümünü kullanabilirsiniz.