if-else

İlk olarak if-else konusunda bir örnekle başlıyorum. Bu örnekte hız değişkenini, fonksiyona gönderdim ve bu fonksiyon da bize bir mesaj döndü. Bu mesajı, içerisindeki if-else yapısına göre belirledi. Son olarak da bu mesajı ekrana yazdırdım.

Ekran görüntüsü ise şu şekilde olacaktır:

switch yapısı

İf-else yapısına benzeyen bir diğer kontrol mekanizması ise switch‘tir. Aldığı parametreye göre doğrudan şartı çalıştırır. İf-else‘deki gibi tek tek kontrol etmez. Bu örnekte fonksiyona bir isim gönderdim. Bu isim switch mekanizmasına parametre olarak geldi. Case ile de bu parametreyi kontrol ettim. Hangi case’ye uyuyorsa oraya girdi. Her case’den sonra break; koymak zorunludur. Eğer yazılmazsa bütün case’leri çalıştırır.

Body kısmında document.write() ile ekrana bir şeyler yazdırdım. Bunu şunun için yaptım. Javascriptte ekrana bir metin yazdırılırken bu metin, html etiketleri arasında yazdırılabiliyor.

Ekran çıktısı ise şu şekilde olacaktır:

for döngüsü

Kontrol yapılarından sonra döngülerdeki en temel döngü olan for döngüsü ise şu şekilde kullanılmaktadır. Başlangıç ve bitiş şartı koyulur. Döngü bu kurala uydukça süslü parantezler içerisindeki kodlar çalışır.

Butona basınca hesapla() fonksiyonu çağrıldı ve döngünün 10 kere dönülmesi sağlandı. Döngü bitince de alert ile 1’den 10’a kadar olan sayıların toplamı yazıldı.

Ekran çıktısı ise:

Aynı örneğin çarpma olanını bu sefer while ile yapıyoruz. While’da ise bitiş verilmez. Sadece şart verilir. Şart sağlandıkça kodlar çalışır. Sayının artırılır azaltılması ise for’daki gibi en başta verilmez. Kod bloğu içinde yazılır. Burada sayi değişkenini 1 artırma işlemini kod bloğu içinde yaptım. Sonunda yine çarpımı alert ile ekrana bastım.

Çıktı ise şu şekilde olacaktır :

do-while döngüsü

Son olarak do-while döngüsü ile bitirelim. Bunun while’dan farkı, şart sağlanmasa bile döngünün bir kere çalışmasıdır. Yani her şartta en az 1 defa çalışır. Bu örnekte butona basınca 0 değerini fonksiyona gönderdim. While şartında 0’dan büyükse çalışması gerekiyor fakat büyük olmadığı halde döngü 1 kere çalıştı. Çünkü while ifadesi şuan en sonda. İlk olarak do işlemi geliyor. Şart sağlanmadığı halde döngü 1 defa çalışır.

Ekran çıktısı :

Döngü ve kontrol yapılarının javascriptte kullanımı bu şekilde. Diğer dillere benzer şekilde kullanılıyor. Ayrıntıya inmeden genel hatlarıyla bu şekilde.

Bir sonraki yazılarda görüşmek üzere…

The post JavaScript Dersleri 5 : Döngüler ve Koşullar appeared first on Mehmet Kirazlı.

Bunun için bir buton oluşturacağım ve tıklandığında bir fonksiyon çağırarak uyarı mesajı gösterilecek. İlk olarak sayfamızın boş halini göstereceğim.

Burada 1 numaralı alanda fonksiyon tanımlayacağız. Fonksiyonları body kısmından ziyade burada tanımlamak daha faydalıdır. Çünkü bu kısımdaki kodlar, sayfa ilk açıldığında ilk çalışan kısımdır. Ben bu şekilde tercih ediyorum. Head kısmında da javascript kullanacağım için fonksiyon oluşturma kodlarını da <script> etiketi arasında yazıyorum. 2.kısımda ise fonksiyonumu çağıracağım ve buton oluşturacağım.

Şimdi ilk olarak fonksiyon oluşturalım. Fonksiyon oluşturmak için function anahtar kelimesinden sonra fonksiyon ismi yazılır ve süslü parantezler içerisine de kodlar yazılır.

Bu mesajGoster() adlı fonksiyonumuz ekranda bir mesaj gösteriyor. Mesajlar, alert() fonksiyonuyla verilir. mesajGoster() fonksiyonumuz parametre almadan işlev görüyor.

Şimdi bu fonksiyonu çağıralım. Bunu ben butona basınca çağırarak yapmayı tercih ettim. Siz doğrudan mesajGoster() diyerek çağırabilirsiniz.

Butonu <form> etiketiyle yapıyoruz. Bunun yapılışına çok değinmeyeceğim. Burada butonun onclick özelliğine fonksiyonu yazıyoruz yani butona tıklanınca bu fonksiyon çağrılsın.

Ekran Çıktıları

Ekran çıktılarımız aşağıdaki gibi olacaktır.

Butona tıklanınca :

Şimdi geriye değer döndüren fonksiyonlara örnek vereceğim.

Burada topla ve carp adında 2 fonksiyon oluşturduk. Parametreli fonksiyonlarda parametrelerin tipi yazılmaz. Bu 2 fonksiyondan ilk olarak topla fonksiyonunu çağırdık ve burada return ile dönen değeri tekrar carp fonksiyonuna gönderdik. Bu çarpma işlemi yapan fonksiyondan dönen değeri de sonuc değişkenine attık. Son olarak da bunu ekrana yazdırdık.

Çıktımız ise :

Fonksiyonların genel yapısı bu şekilde. Belirgin fark olarak, fonksiyona geçirilen parametrelerin tipi yazılmaz diyebiliriz. Bunun dışında syntax olarak bildiğiniz şeyler olduğunu düşünüyorum.

Bir sonraki derste görüşmek üzere…

The post JavaScript Dersleri 4 : Fonksiyonlar ve Uyarı Mesajları appeared first on Mehmet Kirazlı.

Örnekler üzerinden devam ediyorum. İlk olarak en basit 4 işlem yapacağım. Burada if‘in kullanımına da değindim.

2 sayı üzerinde 4 işlem yaptım. Her işlemin sonunda, alt satıra geçme etiketini de kullanarak satırların yan yana yazılmasını engelledim. Alt kısımda da if koşulu ile büyüktür ve küçüktür kontrollerini kullandım.

Ekran Görüntüsü :

2.ve son örneği de yaptıktan sonra konumuzu bitirelim. Bu konunun üzerinde çok fazla durmaya gerek yok çünkü.

Bu örnekte ise mantıksal operatörleri göstereceğim.

Ekran Görüntüsü : 

Kendiniz de örnekler yaparak pekiştirmenizi tavsiye ediyorum. Görüşmek üzere.

The post JavaScript Dersleri 3 : Operatörler appeared first on Mehmet Kirazlı.

1) Javascriptte değişkenler var ifadesiyle tanımlanır.

Örneğin;

var degisken;
 var ad="Mehmet";
 var yas=33;

2) Javascriptte değişkenin türü belirtilmez. Yani int, string, double gibi ifadeler yer almaz. Sadece değişken adı ve değeri yazılır.

3) Javascriptte her satır noktalı virgül ile biter.

4) A değişkeni ile a değişkeni farklıdır. Büyük küçük harf ayrımı vardır. (case sensitive)

5) Değişken isimleri sayı ile başlayamaz.

6) Javascriptte bir harfi bile yanlış yazarsanız sayfanızda bir şey görünmeyebilir. Yani hata olduğunda bulmanız zordur.

7) Açıklama satırları // ile yapılır ya da /*…*/ arasına yazılır.

Şimdi örneklerle devam edelim.

Burada 3 değişken tanımladık ve document.write() ile ekrana yazdık. Bunları + operatörüyle birleştirdik.

Ekran Görüntüsü : 

Şimdi birden fazla değişken tanımlayalım ve bunlar üzerinde işlemler yapalım.

Burada 6 değişken tanımladık ve 3’er 3’er ekrana yazdırdık. Araya bir satır boşluk bıraktık. Bunu da html’deki boşluk bırakma etiketiyle yaptık. Ayrıca açıklama satırlarının da nasıl kullanıldığını görmüş olduk.

Ekran Görüntüsü : 

Değişkenleri, diğer programlama dillerinden nasıl kullanıldığını bildiğinizi düşünerek buraya bitiriyorum.

The post JavaScript Dersleri 2 : Değişkenler appeared first on Mehmet Kirazlı.

JavaScript Nedir ? 

Javascript, Netscape firması tarafından geliştirilmiştir. İsminden dolayı java‘ya yakın gibi görünse de birbirlerine uzaktırlar. Javascript, programlama dilinden ziyade bir script dilidir.

Html sayfalarının içine yazılarak, sayfayı daha etkileşimli hale getirir. Örneğin click olayları, uyarı mesajları gibi hareketlerle sayfayı daha dinamik hale getirir. Javascript olmadan yazılan html sayfalarıyla yapılabilecekler sınırlıdır.

Web developer olmak isteyenler için öğrenilmesi gereken bir scripttir. Tabiki bundan önce iyi bir html-css bilgisi olması gerekir. Html-css ikilisi için 2 gününüzü ayırmak yeterli olacaktır diye düşünüyorum. İnternette anlatımı iyi olan birçok html-css eğitimleri mevcuttur.

Html dersleri için burayı tıklayın

Css dersleri için burayı tıklayın

Javascript kodları <script>…</script> etiketleri arasına yazılırlar. Html sayfası içinde ise <body> etiketinin arasına gömülürler. Yerine göre <head> etiketinden sonra da yazılabilir.

Kısa bir giriş bilgisinden sonra şimdi basit bir örnekle bitirelim.

1) İlk olarak temel html kodları üzerinden gidelim.

Notepad++ ya da notepad programını açın ve yukarıdaki kodları yazın. Sol üst köşeden Dosya -> Farklı Kaydet seçeneğini seçin ve uzantısını .html olacak şekilde kaydedin. Örneğin deneme.html

Bu .html uzantılı sayfamıza sağ tıklayıp tarayıcıda açtığımızda boş bir sayfa gelecektir. Çünkü body kısmına birşey yazmadık. Body kısmında, sayfamızda görünmesini istediğimiz şeyleri yazarız. Head etiketleri arasına ise sayfamızın başlığını, import işlemlerini vs. yaparız.

2) Şimdi javascript kodlarımızı nasıl kullanacağımız görelim. Biraz önceki düz html sayfasıydı.

Body etiketlerimizin arasına <script> etiketlerini yazdık ve sonunda da </script> ile kapadık. Bu <script> etiketlerinin arasına javascript kodlarımızı yazarız. Ben burda ekrana yazdırma işlemi yaptım. Javascriptte ekrana yazdırma işlemi document.write() ile yazdırılır.

<script> etiketinin içine type=”text/javascript” özelliğini ekledik. Burada javascriptin kullanıldığını belirttik. Ayrıca head kısmında <meta charset=’utf-8′> etiketini yazmamızın sebebi ise türkçe karakter sıkıntısı yaşamamız için.

Kodumuzu yazdıktan sonra kaydedip, html uzantılı sayfayı tekrar çalıştırırsak (sayfa yenileme de yapılabilir) aşağıdaki çıktıyı elde ederiz. 

İlk derste javascripte kısa bir giriş yaptık. Diğer derslerde görüşmek üzere

The post JavaScript Dersleri 1 : JavaScript’e Giriş – JavaScript Nedir ? appeared first on Mehmet Kirazlı.