JavaScript Giriş
JavaScript, Javadan farklı bir dildir. Interpreted Programming Language, Yorumlanmış programlama dillerinden biridir.
Peki nedir bu yorumlanmış programlama dili?
(Yorumlanmış programlama dili bilgisayar programlamada yazılan programların çalışabilmeleri için kaynak kodlarının bir yorumlayıcı tarafından yorumlanması gerektiğini ifade etmektedir.)
JavaScript, C dilinin web sayfasına uygulanmış hali denebilir. Ancak bugün JavaScript web site programlamadan tutun oyun programlamaya kadar geniş bir alan da kullanılmaktadır ve pek çok frameworke sahiptir.
Java gibi bir programlama dili ile karşılaştırdığınızda script dili olduğu için açıkca basit, kolay ve anlaşılır bir dildir ve bilinmesi bir programcı tarafından avantajlı olacaktır.
Javascriptin avantajlarından bir tanesi (Client Side Script) istemci tarafı komut dosyası olmasıdır. Yani, bir sunucudan bir web sayfasının içeriğini istediğimizde javascript kodları ile beraber istemci(kullanıcının) bilgisayarına indirilir. Böylece sayfanın defalarca yenilenmesine gerek kalmadan sayfa ile beraber indirilmiş olan bütün javascript özellikleri kullanılabilir.
Ayrıca bu dosyaların istemci tarafına indiriliyor olması, bir güvenlik sorunu oluşturmaktadır ve bu yüzden önemli bilgilerin istemci tarafında çalışacak olan JavaScriptlerin içine eklenmemesi gerekir.
Değişken Tanımlama ve Buton Ekleme
Konuya basit bir örnek ile bitirelim.
Aşağıdaki kodu html test edebileceğimiz bir sitede çalıştırdık.
Öncelikle örnek butona tıkladık ve bir değişiklik olmadı.
Daha sonra tarihi göster butonuna tıkladık ve datemethodunun sağladığı bilgileri aldık.
JavaScripte giriş ve küçük bir bakış olarak konuyu açmak istedim, umarım beğenmişsinizdir.
JavaScript, Javadan farklı bir dildir. Interpreted Programming Language, Yorumlanmış programlama dillerinden biridir.
Peki nedir bu yorumlanmış programlama dili?
(Yorumlanmış programlama dili bilgisayar programlamada yazılan programların çalışabilmeleri için kaynak kodlarının bir yorumlayıcı tarafından yorumlanması gerektiğini ifade etmektedir.)
JavaScript, C dilinin web sayfasına uygulanmış hali denebilir. Ancak bugün JavaScript web site programlamadan tutun oyun programlamaya kadar geniş bir alan da kullanılmaktadır ve pek çok frameworke sahiptir.
Java gibi bir programlama dili ile karşılaştırdığınızda script dili olduğu için açıkca basit, kolay ve anlaşılır bir dildir ve bilinmesi bir programcı tarafından avantajlı olacaktır.
Javascriptin avantajlarından bir tanesi (Client Side Script) istemci tarafı komut dosyası olmasıdır. Yani, bir sunucudan bir web sayfasının içeriğini istediğimizde javascript kodları ile beraber istemci(kullanıcının) bilgisayarına indirilir. Böylece sayfanın defalarca yenilenmesine gerek kalmadan sayfa ile beraber indirilmiş olan bütün javascript özellikleri kullanılabilir.
Ayrıca bu dosyaların istemci tarafına indiriliyor olması, bir güvenlik sorunu oluşturmaktadır ve bu yüzden önemli bilgilerin istemci tarafında çalışacak olan JavaScriptlerin içine eklenmemesi gerekir.
Değişken Tanımlama ve Buton Ekleme
Konuya basit bir örnek ile bitirelim.
Aşağıdaki kodu html test edebileceğimiz bir sitede çalıştırdık.
Kod:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript'e Giriş</title>
</head>
<body>
<script>
// JavaScript'de değişkenlere int, string gibi tip(type)'larını belirtmeden verebiliyoruz. Örn:
var pigGunner;
pigGunner = "Green Team Uyesi";
// Burada documen t(döküman) objesinin write(yazma) methodunu kullanarak pigGunner değişkenimizi yazdırıyoruz. Java'daki sys.out.print gibi düşünebiliriz.
// aslında aşağıdaki "documen t" kısmı birleşik!
documen t.write( pigGunner);
</script>
// Burada javaScript'in interaktif özelliklerini kullanarak sayfaya çeşitli özellikler de ekleyebiliriz. Örneğin bir buton ekleyelim.
<br><br>
<button onclick>Örnek Buton</button>
<br><br>
// br'yi kullanarak yeni satır ekleyelim.
<br><br>
// Şu anda burada sadece bir buton bulunmasına rağmen daha sonra butonun arkasına tıklandığında yapılmasını istediğimiz bir şeyler eklenebilir.
<br><br>
// Şimdi yeni bir buton ekleyelim ve butona tıklandığında bize tarih bilgilerini göstersin.
<br><br>
<button onclick="getElementById('tarihTest').innerHTML = Date()"> Tarih ve Saat'i Göster</button>
<h1>TurkHackTeam - PigGunner</h1>
<p id= "tarihTest" </p>
</body>
</html>
Öncelikle örnek butona tıkladık ve bir değişiklik olmadı.
Daha sonra tarihi göster butonuna tıkladık ve datemethodunun sağladığı bilgileri aldık.
JavaScripte giriş ve küçük bir bakış olarak konuyu açmak istedim, umarım beğenmişsinizdir.
Moderatör tarafında düzenlendi: