Bu cumartesi javascripte bir giriş yapacağım arkadaşlar.İşin hikaye kısmını(tarihçesi bilmem nesi) geçip direk bir javascript kodu nasıl yazılır,nasıl yazılmalıdır,nedir ne değildir, ne işe yarar bunlardan bahsedeceğim.Yazıyı okumadan önce ulu bilge google'a javascriptin nasıl ortaya çıktığını sorabilirsiniz.
1-Javascript nedir?
Javascript istemci taraflı çalışan(client side) bir script dilidir.Web sayfalarına dinamik içerik sağlamak ve kullanıcılarla etkileşime geçebilmek için kullanılır.Kodlarımız kullanıcının tarayıcısında çalıştığı için sayfanın her olaydan sonra(butonun tıklanması vb) sayfanın yenilenmesinden bizi kurtarır.Genelde web sayfalarında <head> ..</head> tagleri arasında yazılır yada ayrı bir .js uzantılı dosyaya yazılarak sayfamıza dahil edilir.Biz ilk bir kaç ders web sayfamızın <head<...</head> tagleri arasına yazacağız.
2-Direk konuya girelim mi?
Javascript kodu yazmadan önce bu kodların istemcinin tarayıcı penceresinde çalıştığını hep hatırlayın.Demek istediğim javascript kodları,tarayıcı penceresinin bir masaüstü uygulama çalıştırıyormuş gibi görünmesini sağlar.Yani olayların(buton tıklama,link tıklama vb) sayfayı yenilemesinden kurtulmuş olursunuz tabi ki istediğiniz ve gerekli durumlarda.
Temel bir html sayfasının görünümü şu şekildedir:
<html>
<title>Bu benim ilk js kodum.</title>
<head>
.
.
.
</head>
<body>
.
.
.
.
.
.
.
.
.
</body>
</html>
Eğer javascript kodumuzu ayrı bir dosyaya değilde bu sayfamıza yazacaksak genel itibariyle tercih edilen yazım yeri <head>...</head> tagları arasıdır.
<html>
<title>Bu benim ilk js kodum.</title>
<head>
.
.
.
<script language="JavaScript">
//bu bölgenin javascript kodu olduğunu //<script>..</script> tagları gösterir.
</script>
</head>
<body>
.
.
.
.
.
.
.
.
.
</body>
</html>
Artık nereye nasıl yazılacağını gördükten sonra birkaç uygulama yapalım.
Mesela bir butona tıklandığı zaman sayfaya bir şeyler yazsın:
<html>
<title>Bu benim ilk js kodum.</title>
<head>
<script language="JavaScript">
function ekranabas() //butona tıklandığında çağrılmasını istediğim metod.
{ //dikkat ederseniz fonksiyon tanımlarken function keyword kullanılıyor.
document.write("Merhaba JavaScript"); //sayfaya birşeyler yazdırmak için kullanılan komut
}
</script>
</head>
<body>
<input type="button" name="dugme" value="tıkla" onClick=ekranabas()>//butonum ve onclick olayına dikkat edin lütfen!
</body>
</html>
//kodu bir notpade kopyalaım uzantısı html olacak sekilde kaydedip çalıştırın.Dikkatinizi birşey çektimi?
//evet sayfa yenilenmedi
Belki fonksiyonlardan başlamak ilginç olabilir ancak web programlamada javascipt öğrenmeye karar verdiyseniz zaten az da olsa programlama
bilginiz var demektir o yüzden rahat olun.Ayrıca dikkat ettiyseniz yazım olarak c diline çok benizyor.Fonksiyonlardan daha bahsedecek daha çok konu var
onu şimdilik ileri atalım.
Javascript dilinde değişken tanımlama diğer dillere göre biraz daha kolaydır.Neden derseniz değişken tanımlarken tipini belirtmenize gerek yoktur.Yani
ilk atama yaparken ne tipte bir değişken atamışsanız artık o değişkeniniz o tiptedir.
Mesela:
var kullaniciiId=1515;
var kullaniciAdi="hasan",kullaniciSoyadi="bozok";
var adminMi=false;
var kalan=12.43; gibi.Fark ettiyseniz değişken tanımlamak için var adında bir anahtar kelimemiz var.
Bu derste javascriptte döngüler konusuna hiç girmeyeceğim arkadaşlar çünkü diğer dillerde nasılsa buradada hiç bir farkı yok üstelik
kullanımlarıda aynı.Ancak yinede hepsinden 1 örnek yazalım:
for (id= 0; id<= 100; id
{
.
.
.
}
while (miktar< ortalamadeger)
{
.
.
.
}
do
{
.
.
.
}
while (kullaniciIsmi== "Admin")
Program akış kontrolleri if,if-else,switch
if (secilenKategori== "Emlak")
{
.
.
.
}
--------------------------
if (secilenKategori== "Emlak")
{
.
.
.
}
else
{
.
.
.
}
switch (kontrol)
{
case :
case :
.
.
.
default :
}
Artık javascriptte değişken nasıl tanımlanır bir döngü yada kontrol cümlesi(if,swtich vb) nasıl yazılır biliyorsunuz.Birkaç javascript özelliği:
zaman fonksiyonları:
var tarih=new Date() ile bir Date nesnesi yaratıyoruz.
var gun=tarih.getDate() ile günü
var ay=tarih.getMonth() ile ayı
var yil=tarih.getYear() ile yılı alabiliyoruz.
document.write(gun+"."+ay+"."+yil) şeklindede ekrana basabiliyoruz.
Alert penceresi:
Kullanıcılara bir uyarı vermek için kullanılır.
alert("bu bir uyarıdır");
Browser adı,versiyonu:
var tarayici= "";
tarayici += tarayıcı" + navigator.appName + "\r";
tarayici += "versiyon:" + navigator.appVersion + "\r";
tarayici += "kod adı: " + navigator.appCodeName + "\r";
alert(BrowserAdi);
Gelecek hafta JavaScript'e özel sınıflardan ve fonksiyonlardan bahsetmeye devam edeceğiz.
0 yorum:
Yorum Gönder