Son dönem website tasarımlarını incelediğinizde, flash aratmayacak kadar güzel animasyonların yapıldığını, sitelerin çok daha gösterişli olduğunu görürsünüz.
Javascript, sadece animasyon ve küçük uyarı mesajları için kullanılan değil, kendi başına ve de AJAX ile birlikte çok daha önemli işlerin üstesinden gelebilecek bir dildir.
Javascript, artık web tasarım dünyasının vazgeçilmezlerinden biri durumuna gelmiştir,
hele javascript üzerine oluşturulan frameworklerle (jQuery, dojo, mootools vb.) birlikte daha da güçlenmiştir.
Javascript, diğer dillere göre daha basit bir yapıya sahip olmasına rağmen, nesne yönelikli programlama mantığını da bir şekilde içinde barındırır.
Javascriptte kendi nesnelerimizi oluşturarak istediğimiz özellikleri verebiliriz, javascript dilinde özel bir "sınıf" (class) tanımlaması yoktur, nesneye yönelik işlemlerimizi, oluşturduğumuz fonksiyonlar üzerinden tanımlamamız gerekir.
Aşağıdaki örnekte ürünler için bir fonksiyon yazıyoruz ve özellikleri belirliyoruz.
<script type="text/javascript">
function urun(u_isim, u_fiyat, u_adet, u_url){
this.isim=u_isim;
this.fiyat=u_fiyat;
this.adet=u_adet;
this.url=u_url;
}
var urun1=new urun("Laptop",990,45,"http://www.pinusart.com");
document.write("Ürün Adı: <a href=\""+urun1.url+"\" target=\"_blank\">"+urun1.isim+"</a><br />");
document.write("Ürün Fiyat: "+urun1.fiyat+" TL<br />");
document.write("Ürün Stok: "+urun1.adet+"<br /><hr />");
</script>
Kısaca:
- 2. ilk önce "urun" isminde bir fonksiyon yazıyoruz, "u_isim", "u_fiyat", "u_adet" ve "u_url" olarak da parametreleri belirliyoruz.
- 3-6. Bu sınıfın özelliklerini ("this.isim=u_isim") verilen parametrelere göre eşleştiriyoruz.
- 8. "urun1" adlı yeni ürünü, parametreleri ile birlikte oluşturuyoruz.
- 9-11. Ürünün değerlerini sayfaya yazdırıyoruz.
Sayfadaki sonuç aşağıdaki gibi olacaktır:
Website uygulamalarınızı javascript kullanarak çok daha gösterişli bir hale getirebilirsiniz.
Görüşmek üzere...
