Javascript, nesne yönelimli bir bilgisayar programlama dilidir. Genellikle işlemleri dinamikleştirmek ve kullanıcıların etkileşimi arttırmak amacıyla web sayfalarında kullanılır. Eskiden Javascript'in sadece Html sayfalarında aksiyon göstermesi sebebiyle bir script dili olarak görülürken, günümüzde ECMA Script kavramının gelişmesiyle başlı başına bir dil olmuştur. Lakin bu yazının konusu Front-End'i kapsadığı için sadece bu yönlerini anlatmaya gayret edeceğim.
Javascript'in web programlama açısından önemi internet dünyası için büyüktür. Bunun nedeni günümüz internet kullanıcıları için Html dilinin temelde yetersiz kalması. Modern web dünyanın gelişmesiyle insanların web sayfalarından beklentileri giderek büyümüştür. Şöyle ki, geçmişte insanlar sadece içerikten faydalanmaya odaklanırken, artık içeriğinin yanında içeriği yönetebilecekleri veya etkileşim kurabilecekleri fonksiyonlar ve arayüzlere ihtiyaç duyuyorlar.
Bu ihtiyaç, web tasarım anlayışını doğal olarak etkiliyor. Gelişmiş ve daha yaratıcı web tasarım anlayışları doğmaya başlıyor. Bu sayfa ile birlikte hemen hemen her sayfa javascript kullanıyor. Kullanmayan sayfalar zaten eski ve içeriklerinin bu dile ihtiyaç duymamasıdır.
Javascript, web sayfalarında kullanım alanları hayal gücünüze bağlı sınırsızdır. Yeterli yetkinlikle istenilen her şey yapılabilinir. Örnek vermek gerekirse;
- Html vs Css dillerinin eksikleri giderilir. (Html 5 ile bu ihtiyaç azalmıştır.)
- Etkileşimli arayüzler tasarlanır... (Jquery Kütüphanesi)
- Sunucu maliyetlerini azaltmakta kullanılır. (Ajax teknolojisi)
- Kullanıcı verileri toplanır ve takipleri gerçekleştirilir. (Google Analytics, Reklam Uygulamaları)
Şimdilik aklıma gelenler bunlar, sizinde eklemek istedikleriniz varsa: yorum olarak belirtebilirsiniz.
Kullanımı
Javascript ile oluşturduğumuz kodları, iki yöntem ile kullanabiliriz;
1.Yöntem: Html dosyası içinde kullanımı.
1.Yöntem: Html dosyası içinde kullanımı.
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraf Değişti.";
}
</script>
</head>
<body>
<h1>Bir web sayfası</h1>
<p id="demo">Bir paragraf</p>
<button type="button" onclick="myFunction()">Dene Bakalım</button>
</body>
</html>
Yukarıda ki örneğimizi incelersek, javascript kodlarımız <script> elementi içerisine yazılıyor. Script etiketlerini dilediğiniz yerde ve satırda kullanabilirsiniz, fakat head bölümünde yazılması ve javascript kodlarınız kısa ise kullanmanız tavsiye edilir.
İkinci yöntem: Dış kaynak olarak çağrılması.
Bu yöntem dışarıdan bir javascript dosyası çağrılarak gerçekleştirilir. Bu yöntem genelde uzun kodlar olduğunda tercih edilir. Çünkü ayrı bir dosyada barındırmak, Html dosyasında ki karmaşanın önüne geçecektir.
Üste verdiğim örneği şöyle değiştirmek istiyorum. "Ornek.js" adlı bir javascript dosyası oluşturun ve içine <script> elementinin içinde yazanları yazın.
Ornek.js dosyası
İkinci yöntem: Dış kaynak olarak çağrılması.
Bu yöntem dışarıdan bir javascript dosyası çağrılarak gerçekleştirilir. Bu yöntem genelde uzun kodlar olduğunda tercih edilir. Çünkü ayrı bir dosyada barındırmak, Html dosyasında ki karmaşanın önüne geçecektir.
Üste verdiğim örneği şöyle değiştirmek istiyorum. "Ornek.js" adlı bir javascript dosyası oluşturun ve içine <script> elementinin içinde yazanları yazın.
Ornek.js dosyası
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraf Değişti.";
}Not: Javascript dosyalarının özel bir kuralı olmamasına rağmen genel olarak kabul görüldüğü dosya uzantısı ".js" dir.Daha sonra "index.html" dosyasını şu şekilde değiştirmeniz yeterli.
<!DOCTYPE html>
<html>
<head>
<script src="Ornek.js"></script>
</head>
<body>
<h1>Bir Web Sayfası</h1>
<p id="demo">Bir paragraf</p>
<button type="button" onclick="myFunction()">Dene Bakalım</button>
</body>
</html>
Görüldüğü üzere kullanımı gayet basit. Herhangi özel bir yazılıma ihtiyacı yoktur. Piyasada popüler olan metin editörlerinden birini kullanabilirsiniz. Umarım Javascript kavramını yeterince açıklayabildim...
Yazımı okuduğunuz için teşekkür ederim.
Merhaba, ben Mustafa OĞUZ. Bilgi İşlem uzmanlığının yanında Yazılım ve Webmaster işleri ile haşır neşirim. Bu işlerden arta kalan zamanda amatör olarak Grafik tasarım ve blog yazarlığı yapmaktayım...
Hiç yorum yok:
Yorum Gönder