Javascript Eğitimi Ders 8-Diziler (Tanımlama)

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div> Merhaba,<br /> Yine önemli, uzun ve bir o kadarda sıkıcı olan bir konuya değineceğiz. Bu konu "Diziler" konusu ve uzun bir konu. Şimdi tanımlamayı ve bazı işlemleri göreceğiz.<br /> <h3> Diziler</h3> <div> Diziler tek bir değişken altında birden fazla bilgi depolamayı sağlar. Her veriye eleman denir. Ve her elemanın bir dizi numarası vardır. Dizi numarası "indeks" ile gösterilir. İlk dizi numarası 0'dır. Örnek diziler:</div> <div> <br /></div> <div> var dizidegiskeni = new Array();</div> <div> <br /></div> <div> veya :</div> <div> <br /></div> <div> var dizidegiskeni = new Array(diziuzunluğu);</div> <div> <br /></div> <div> Söz dizimlerini incelediğimizde 1.'de uzunluğu olmayan yani 0'dan ve hiçbir eleman barındırmayan bir dizi, 2.'de ise uzunluğu ile dizinin sahip olacağı eleman sayısı belirtilmiş diziler görüyoruz. Bir dizinin uzunluğunu öğrenmek için "length" özelliği kullanılır. Yani:</div> <div> <br /></div> <div> var dizi1 = new Array ();</div> <div> var dizi2 = new Array (3);</div> <div> console.log(dizi1.length); // sonuç 0</div> <div> console.log(dizi2.length); // sonuç 3</div> <div> <br /></div> <div> Dizi değişkeninin 1. elemanı her zaman sıfırdır. Biz dizinin elemanlarına erişmek, değerlerini değiştirmek veya atamak için dizideğişkeni[indeks] kullanırız. Örnek ile dizilere eleman atayalım:</div> <div> <br /></div> <div> var dizi = new Array (2);</div> <div> dizi [0] = 1;</div> <div> dizi [1] = 2;</div> <div> dizi [3] = 3;</div> <div> <br /></div> <div> Yukarıdaki önemli konuyu farkettiyseniz bu iş tamam demektir. Etmeyenler için anlatınca anlayacaklarını umuyorum. Görünen o ki dizi uzunluğu 2 ve biz bu diziye 3 eleman atamışız. Şimdi ne olacak. Tabiki veri türü değişimine benzer olarak uzunluk 3 olarak değişecek. Tabiki dinamik olarak değişecek. Bilgisayar 2 sayısını 3 yapmayacak. Böyle uzun uzun indeks numaralarına tek tek değer vermek yerine dizinin tanımlandığı satırda eleman ekleyebiliriz. Örneğin:</div> <div> <br /></div> <div> var dizi = new Array (deger1, deger2, deger3);</div> <div> <br /></div> <div> veya kısaca:</div> <div> <br /></div> <div> var dizi = [deger1, deger2, deger3] //Bu sefer köşeli parantez kullandık.</div> <div> <br /></div> <div> Şuana kadar dizi tanımlama, değiştirme, değerini öğrenme gibi konuları anladık sanıyorum. Bir sonraki derste dizi elemanlarına ulaşmak için "for..in" döngüsü veya başka yöntemler kullanacağız. Çalışmayı unutmayın. Kolay Gelsin.</div> <div> <br /></div> <div> <br /></div> <div> <br /></div>

Javascript Eğitimi Ders 8-Diziler (Tanımlama)

Merhaba, Yine önemli, uzun ve bir o kadarda sıkıcı olan bir konuya değineceğiz. Bu konu "Diziler" konusu ve uzun bir konu. Şimd...

Devamı »

JavaScript Eğitimi Ders 7-Döngüler

<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div> Merhaba,<br /> Şart komutları öğrendikten sonra pek çok işi kısa işe çeviren döngüleri göreceğiz. Döngüler aynı aynı işlemi bazı şeyleri değiştirerek ve bazı şartlara göre çalışır.<br /> <h3> For</h3> <div> En çok kullanılan döngü çeşididir. Söz dizimine bakalım:<br /> <br /> <br /> <br /> for (değişken belirleme; koşul; arttırma/azaltma) {<br /> //Her Döngüde Yazpılacak Komutlar<br /> }<br /> <br /> Değişken Belirleme: Bu kısımda döngüde kullanılacak değişken belirlenir.<br /> Koşul: Her döngüde kontrol edilecek şarttır.<br /> Arttırma/Azaltma: Her döngüde yapılacak işlemdir.<br /> Komutlar: Her döngüde yapılacak diğer işlemlerdir (Genellikle Hafıza Kısmıdır)<br /> Örneği İnceleyelim:<br /> <br /> var a = 0;<br /> for (var b = 1; b < 51; b++) {<br /> a += b // Bu kısım operatörlerden hatırlanırsa a=a+b anlamındadır<br /> }<br /> console.log ("1-50 arasındaki sayıların toplamı" + a)<br /> <br /> Burada "a=0" değeri verilmiştir. "b" ise "1" olup 51'den küçük olduğuğu anlaşılıp her döngüde 1 eklenecektir. Her eklemeden sonra a ile toplanmıştır. Yani:<br /> <br /> a => 0<br /> b => 1 ve 51'den küçük Her seferinde b+1<br /> <br /> 1. Döngü => İlk Döngüde İşlem Yapılmaz a+b => 0+1=1<br /> 2. Döngü =>b = 1 + 1 = 2 2 Küçük 51 => True a => 1 + b=> 2 = 3<br /> .<br /> .<br /> .<br /> <h3> While</h3> </div> <div> if şartı ile bir yandan benzer ve kod grubu tanımlanan şart doğrulandığı (true değeri ürettiği) sürede tekrar tekrar çalışır. if'den farkı döngü olmasıdır. Söz dizimini:</div> <div> <br /></div> <div> //Döngü değişkeni tanımlama ve değer atama<br /> while (şart) {<br /> //Döngü kapsamı<br /> //Değişken değeri arttırma/azaltma</div> <div> }<br /> <br /> Örneği inceleyelim:<br /> <br /> var a=0 </div> <div> while(a<3) { </div> <div> a++ </div> <div> console.log("Wolder King"+"<br/>") </div> <div> }</div> <div> <br /></div> <div> Bu kodu çalıştırdığımızda alt alta 3 adet "WolderKing" yazdığını göreceksiniz.</div> <h3> Do...While</h3> <div> "while" döngüsünün mantığına benzer fakat koşul döngü sonunda denendiğinde "do..while" kapsamındaki kodlar şart "true" da olsa "false" da olsa bir kez çalışır. 1'den fazla çalışması için şartın "true" değeri vermesi gerekir. Söz dizimi:</div> <div> <br /></div> <div> do {</div> <div> //Kapsam</div> <div> //Değişken değeri artırma/azaltma</div> <div> }while(şart);</div> <div> <br /></div> <div> Gördüğünüz gibi şart en son kontrol edildiğinden kodlar bir kez çalışır.</div> <h3> For..İn</h3> <div> Nesnenin sahip olduğu özellik isimleri ya da dizi içerisindeki indeks (Dizinin Her Elemanının Numarası) numaralarına ulaşmayı sağlar. Kafanızı karıştırmadan okuyup geçin. Bir sonraki ders olan "Diziler"de kullanınca öğreneceksiniz. Ondan dolayı anlatmıyorum.</div> <h3> Döngü Anahtarları</h3> <h4> Break:</h4> <div> Döngüden çıkmak için kullanılır.</div> <h4> Continue:</h4> <div> Bulunan döngü sonlandırılıp akış başına yönlendirilir. Yani tekrar başlanır.</div> <div> <br /></div> <div> Bu derslik bukadar ve bir sonraki derste "Diziler" adlı sıkıcı bir konu işleyeceğiz. Düzenli ifade ve fonksiyonları işledikten sonra javascript ile mükemmel şeyler yapacağınızı umuyorum. Çalışın ve kendiniz örnekler yapın. Kolay gelsin.</div> <div> <br /></div> <div> <br /></div> <div> <br /></div>

JavaScript Eğitimi Ders 7-Döngüler

Merhaba, Şart komutları öğrendikten sonra pek çok işi kısa işe çeviren döngüleri göreceğiz. Döngüler aynı aynı işlemi bazı şeyleri değiş...

Devamı »

Javascript Eğitimi Ders 6-if,Else,Else İf ve Merdivenler

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div> Bir şart olşuturma ve boolean ile şart doğru ise değişkene true, yanlış ise değişkene false değerini vermedir. Şimdi incelemeye başlayalım.<br /> <h3> if</h3> <div> Söz dizimine bakalım:</div> <div> <br /></div> <div> if (şart) {</div> <div> //şart true değerini verirse yani doğru ise çalışacak kod grubu</div> <div> }</div> <div> <br /></div> <div> Bu komut sadece şart doğru ise çalışır. DOğru değil ise hiçbir şey yapılmaz. (Yani true değeri vermelidir) Örneğin:</div> <div> <br /></div> <div> var a = 12;</div> <div> if (a>9 && a<100) {</div> <div> console.log("a 2 basamaklı");</div> <div> }</div> <div> <br /></div> <div> Bu örnekte ">" operatörü yani büyüktür ve "<" operatörü yani küçüktür ile a (12) 9'dan büyük ve 10'den küçükse "a 2 basamaklı" yazısının yazılması istenilmiştir. Dolayısıyla yazar.</div> <div> <br /></div> <div> Not:"consolo.log" kafanızı karıştırmasın. Kullandıkça öğrenirsiniz. Ne diye yine sorarsanız şimdilik bir şeylerr yazmak olarak anlayın.</div> <div> <br /></div> <h3> if...Else</h3> <div> if'i sadece true değeri alınırsa kullanıyorduk. Peki false değeri için ne kullanacağız. Tam bu kısımda else anahtarı devreye giriyor. Söz dizimini inceleyelim:</div> <div> <br /></div> <div> <div> if (şart) {</div> <div> //şart true değerini verirse yani doğru ise çalışacak kod grubu</div> <div> }else{</div> </div> <div> //şart false değerini verirse yani yanlış ise çalışacak kod grubu</div> <div> }</div> <div> <br /></div> <div> Bu yapıda true değeri verilirse if kapsamındaki kodlar, false değerini verirse else kapsamındaki kodlar çalışacaktır. Örneğin:</div> <div> <br /></div> <div> <div> var a = 7;</div> <div> if (a%2==0) {</div> <div> console.log("a çift sayı");</div> <div> }else{</div> </div> <div> console.log("a tek sayı");</div> <div> }</div> <div> <br /></div> <div> Bu durumda ekrana "a tek sayı" yazılır. Çünkü burada a'nın 2'ye bölümünden kalanın 0 olup olmadığı kontrol ediliyor. Kalan 0 olmadığından false değeri üretilip else kapsamındaki kodlar çalışır.</div> <h3> if...Else if</h3> <div> Söz dizimini inceleyelim:</div> <div> <br /></div> <div> <div> <div> if (şart1) {</div> <div> //şart1 true değerini üretirse çalışacak kod grubu</div> <div> }else if (şart2){</div> </div> <div> //şart1 false değerini, şart2 true değerini üretirse çalışacak kod grubu</div> <div> }</div> </div> <div> <br /></div> <div> Else if yapısı ondan önce gelen if veya else if false değerini üretirse çalışır. Burada şart1 doğru ise if kapsamındaki kodlar çalışıp else if kapsamındaki kodlar es geçilir. Eğer şart1 false değerini üretirse else if'e bakılır ve true değerin üretirse else if kapsamındaki kodlar çalışır, aksi takdirde false değerini üretirse yine es geçilir. Ve bu durumda hiç bir kod çalışmaz. Örneğe bakalım:</div> <div> <br /></div> <div> <div> <div> var a = 5;</div> <div> if (a<0) {</div> <div> console.log("a sayısı negatif");</div> <div> }else if (a>0){</div> </div> <div> console.log("a sayısı pozitif");</div> <div> }</div> </div> <div> <br /></div> <div> Burada ekrana "a sayısı pozitif" yazar. Çünkü burada pozitif ve negatiflik test için 0'dan büyük veya küçük olduğu test edilmiş. Dolayısıyla ilk olarak "a<0" şartı ile false değeri üretilmiş ve else if yapısına bakılmış. Daha sonra "a>0" ile true değeri üretilip "a sayısı pozitif" yazılmış.</div> <div> <br /></div> <div> <b>Not: Burada "console.log kullandıktan sonra ekrana yazar dememiz asında yanlış. Bilgisayar bunu aklıda kaydeder. Yani ekrana yazmaz. Bunları görmek için Firefox'un firebug uzantısını kullanabilirsiniz.</b></div> <div> <b><br /></b></div> <h3> if...Else if...Else Merdiveni</h3> <div> Soz Dizimi:</div> <div> <br /></div> <div> <div> <div> if (şart1) {</div> <div> //şart1 true değerini üretirse çalışacak kod grubu</div> <div> }else if (şart2){</div> </div> <div> //şart1 false değerini, şart2 true değerini üretirse çalışacak kod grubu</div> <div> }else if (şart3){</div> <div> //şart1 ve şart2 false değerini, şart3 true değerini üretirse çalışacak kod grubu</div> </div> <div> }else{</div> <div> //şart3 false değerini üretirse çalışacak kod grubu</div> <div> }</div> <div> <br /></div> <div> Bu yapıda if'den sonra istenilen kadar else if getirilebilir. Fakat else sonda olmak şartıyla bir kere getirilir. Else if veya else'nin çalışması için ondan önce gelen else if veya if'in false değerini üretmesi gerekir. Örneği inceleyelim:</div> <div> <br /></div> <div> <div> <div> <div> var sayi = prompt ("Pozitif bir sayı giriniz:");</div> <div> if (sayi<=0 && sayi<10) {</div> <div> console.log("a sayısı tek basamaklı");</div> <div> }else if (sayi<=10 && sayi<100) {</div> </div> <div> console.log("a sayısı çift basamaklı");</div> </div> <div> <div> }else if (sayi<=100 && sayi<1000) {</div> <div> console.log("a sayısı 3 basamaklı");</div> </div> <div> }else{</div> <div> console.log("a sayısının basamak sayısı 3'ten büyük");</div> <div> }</div> </div> <div> <br /></div> <div> Yukarıdaki prompt() bir değişkene sayı atanmsı için ziyaretçiye bir kutu sunmaktadır. Ve bu yapıda sayının kaç basamaklı olduğunu bize bildirmektedir.</div> <h3> Kümeli if</h3> <div> Söz Dizimi:</div> <div> <br /></div> <div> <div> if (şart1) {</div> <div> //şart1 true değerini verirse yani doğru ise çalışacak kod grubu</div> <div>      if (şart) {</div> <div>      //şart1 true değerini verip şart2 de true değeri üretirse çalışacak kod grubu</div> <div> }</div> <div> }</div> </div> <div> <br /></div> <div> Bu yapı sayesinde şart cevabını da şartlayabilirsiniz. Örneğin:</div> <div> <br /></div> <div> var a = 4;</div> <div> <div> if (a>2) {</div> <div> console.log("a 2'den büyük");Bu yöntem uzun if, else, else if yapılarından bizi kurtarır</div> <div>      if (a>3) {</div> <div>      console.log("a 3'den de büyük");</div> <div> }</div> <div> }</div> </div> <h3> Switch</h3> <div> Bu yöntem uzun if, else, else if yapılarından bizi kurtarır. Söz dizimi:</div> <div> <br /></div> <div> switch(deyim) {</div> <div> case deger1:</div> <div> //deyim=deger1 ise çalışacak kod grubu</div> <div> break;</div> <div> <div> case deger2:</div> <div> //deyim=deger2 ise çalışacak kod grubu</div> <div> break;</div> </div> <div> default:</div> <div> /Yukarıdaki şartlar doğru değil ise çalışacak kod grubu</div> <div> }</div> <div> <br /></div> <div> Burada sıra sıra deyime eşit (==) bir değer aranıp çalışacak kodlar belirtilmektedir. Ve çıkış için "break" kullanılmaktadır. Yeni bir case için break kesin kullanmalıyız. "default" ise yukarıdaki case kodları çalışmazsa, yanlış ise çalışacak kod grubudur.</div> <div> <br /></div> <div> Bu derslik bukadar ve bayağı yol aldık. Bir sonraki derste döngüleri göreceğiz. Zor bir ders olacak. Kolay gelsin.</div> <div> <br /></div>

Javascript Eğitimi Ders 6-if,Else,Else İf ve Merdivenler

Bir şart olşuturma ve boolean ile şart doğru ise değişkene true, yanlış ise değişkene false değerini vermedir. Şimdi incelemeye başlayalım...

Devamı »

Javascript Eğitimi Ders 5-Operatörler

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div> Merhaba,<br /> Zor kısımları atlattık ve şimdi javascripti kullanamaya başlayacağız. Bu oparatörlerin hepsini öğrenmenize gerek yok ama not alın. Kolay gelsin.<br /> Not: Bu tam bir eğitim değildir ve liste olarak gösterilmiştir. Ve yine diyorum okuyun anlayın geçin. Kafayı karıştırmayın. Örneklerde kullandıkça anlarsınız.<br /> <h3> Operatör Nedir?</h3> <div> Operatör deyim ve ifadelere getiriler karakterlerdir. Ve işlem yapmak için kullanılır. (Bunu sadece toplama, çıkarma gibi anlamayın) Operatörler 3'e ayrılır:</div> <div> <ul> <li>unary: 1 operand (Operatör içinde kullanılmış anahtar) ile yapılırlar. 1 şeyi denetler</li> <li>binary: 2 operand ile yapılır . 2 şeyi karşılaştırır, işlem yapar vb.</li> <li>ternary: 3 operand ile yapılır. 3 şeyi denetler vb. </li> </ul> </div> <h3> Operatörler</h3> <h4> Aritmetik:</h4> <div> <ul> <li>+: Binary'dir ve toplama işlemi yapar.</li> <li>-: Binary'dir ve çıkarma işlemi yapar.</li> <li>*: Binary'dir ve çarpma işlemi yapar.</li> <li>/: Binary'dir ve bölme işlemi yapar.</li> <li>%: Binary'dir ve bölme işleminde kalanı belirler.</li> <li>++: Unary'dir ve değişkenin değerini artırır. (++x veya x++ "x=4 ise 5 değeri alınır")</li> <li>--: Unary'dir. Yukarıdaki işlemin azaltma işidir.</li> <li>-: Unary'dir ve bir sayıyı negatif yapmak için kullanılır.</li> </ul> <h4> Karşılaştırma: <span style="font-weight: normal;">Önceden öğrendiğimiz Boolean "true" veya "false" değerleri alma karşılaştırma ile gerçekleşir.</span></h4> </div> <div> <ul> <li>==: Eşitlik anlamına gelir. (3==3 veya "3"==3 olarak kullanılabilir)</li> <li>===: Katı eşitlik anlamına gelir. (Kafanızı karıştırmayın 3===3 olarak kullanılabilir)</li> <li>!=: Eşitsizlik anlamına gelir. (3!=3 olarak kullanılabilir)</li> <li>!==: Katı eşitsizlik anlamındadır. (Kafanızı karıştırmayın 3!==3 veya "3"!==3 olarak kullanılabilir)</li> <li>>: Büyüktür anlamındadır.</li> <li><: Küçüktür anlamındadır.</li> <li>>=: Büyük ya da eşittir anlamındadır.</li> <li><=: Küçük ya da eşittir anlamındadır.</li> </ul> <h4> Mantıksal:</h4> </div> <div> <ul> <li>&&: Ve anlamı taşır. Boolean türünde binary'dir. 2'side true ise true, diğer durumlarda false değeri alır.</li> <li>||: Veya anlamı taşır. Boolean türünde binary'dir. 2'side false ise false, diğer durumlarda true değeri alır.</li> <li>!: Değil anlamı taşır. Boolean'da unary'dir. Operand'ı tersine dödürür. (!(true) => false !(false) => true)</li> </ul> <h4> Bitsel:</h4> </div> <div> <ul> <li>&: Bitsel olarak Ve anlamı taşır.</li> <li>|: Bitsel olarak Veya anlamı taşır.</li> <li>^: Bitsel olarak Özel Veya anlamı taşır.</li> <li>~: Bitsel olarak Değil anlamı taşır.</li> </ul> <h4> Atama:</h4> </div> <div> <ul> <li>=: Atama operatörüdür.</li> <li>+=: Toplama atamasıdır. Örneğin a += b => a = a+b</li> <li>-=: Çıkartma atamasıdır. Örneğin a -= b => a= a-b </li> <li>*=: Çarpma atamasıdır. Örneğin a *= b => a= a*b </li> <li>/=: Bölme atamasıdır. Örneğin a /= b => a= a/b </li> <li>%=: Kalan atamasıdır. Örneğin a %= b => a= a%b </li> </ul> <h4> Özel:</h4> </div> <div> Koşullu Operatör:</div> <div> <br /></div> <div> 1. ( şart ) ? deyim1 : deyim 2</div> <div> Burada söz diziminde eğer şart true değerini veriyorsa deyim1, şart false değerini veriyorsa deyim2 çalışacaktır.</div> <div> <br /></div> <div> 2. degisken = ( şart ) ? deger1 : deger2</div> <div> Burada ise eğer şart true değerini veriyorsa degisken deyim1 değerini, şart false değerini veriyorsa deyim2 değerini alcaktır.</div> <div> <br /></div> <div> Virgül Operatörü:</div> <div> Kafanızı karıştırmak istemem ama bazı değişken ifadeleri ayırmaya yarar. Örneğin:</div> <div> <br /></div> <div> var b = 2;</div> <div> for (var a = 0; a < 5; a++, b--)</div> <div> <br /></div> <div> Burada , deyimleri ayırmak için kullanılmış. İfade ile kafanız karışmasın. Sadece anlatılmak istenen yere bakın.</div> <div> <br /></div> <div> Delete Operatörü:</div> <div> Bir nesene veya özelliğini, dizideki bir elemanı silmeye yarar. Örneğin:</div> <div> <br /></div> <div> delete nesne;</div> <div> delete nesne.özellik;</div> <div> delete dizi[index];</div> <div> <br /></div> <div> in Operatörü:</div> <div> Bir nesnenin bir şeye veya özelliğe sahip olup olmadığını öğrenmek için kullanılır. Boolean olarak içindeyse true, değilse false değeri alır. Örneğin 5 sayısının bir dizide olup olmadığını anlayalım:</div> <div> <br /></div> <div> 5 in dize; //Eğer dizede 5 varsa true değerini, yoksa false değerini alır</div> <div> <br /></div> <div> Dersimiz bitmiştir. Şimdi şöyle bir oh çekin. Bundan sonra programlama işine başlayacağız. Çok zevkli olacak. Kolay gelsin.</div> <div> Not: Burada anlatılmayan operatörler ileriki derslerde bu operatörlerle birlikte ayrıntılı bir şekilde anlatılacaktır.</div>

Javascript Eğitimi Ders 5-Operatörler

Merhaba, Zor kısımları atlattık ve şimdi javascripti kullanamaya başlayacağız. Bu oparatörlerin hepsini öğrenmenize gerek yok ama not alı...

Devamı »

Javascript Eğitimi Ders 4-Veri Türleri

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div> Merhaba,<br /> Bir önceki derste değişken kapsamını öğrendik ve şimdi sıkıcı konulardan biri olan veri türlerini öğrenelim. Veri türlerinden sonra artık Javascript kullanmayı öğreneceksiniz. Yani operatörleri kullanacağız. Bu arada şuan Javascript istekleri çok yoğun olduğundan sürekli Javascript blogları paylaşıyorum.<br /> <h3> <span style="font-weight: normal;">Veri Türü Nedir?</span></h3> <div> Veri türleri değişkenlerin türlerini belirtir. Bu türler bazı işlemlerin yapılması bakımından önemlidir. Örneğin:</div> <div> <br /></div> <div> var sayi = 2;</div> <div> <br /></div> <div> Bu örnekte değişkenin veri türü number yani sayıdır. Başka bir örnek:</div> <div> <br /></div> <div> var yazi = "wolder";</div> <div> <br /></div> <div> Bu örnekte ise değişkenin veri türü string yani yazıdır. Şimdi hepsini öğrenelim. Ama önce demeliyimki kafanızı karıştırmayın. Yani okuyup isimleri öğrenip geçin. Diğer şeyleri düşünmeyin. İleride örneklerle bunu anlayacaksınız. Ve daha ayrıntılı bir şeyilde uzaktaki bir konuda öğreneceksiniz.</div> <h3> <span style="font-weight: normal;">Veri Türleri</span></h3> <div> <ul> <li>Number: Sayı türüdür.</li> <li>Boolean: Değişkenin "true" yani doğru veya "false" yani yanlış değerini almasıdır. Bu işlemler "if" yani eğer komutlarında doğru mu yanlış mı bilgisini verir. (Kafanızı Karıştırmayın Okuyup Geçin)</li> <li>String: Yazı türüdür. (' ') veya (" ") arasına yazılmalıdır. Eğer (' ') veya (" ") arasına sayı yazılırsa NaN (Not a Number) değeri alır. Çünkü (' ') veya (" ") arasına sadece yazı yazılabilir. (Kafanızı Karıştırmayın Okuyup Geçin)</li> <li>Undefıned: Tanımlanmamış anlamındadır. Eğer bir değişkeni tanımlamadan bir deyim veya ifadede (Örneğin document.write) kullanırsak NaN kullanmazsak Undefined değerini alır. Yani NaN yazısını ekrana yazdırabiliriz ama Undefined'i yazdıramayız. Hafızada kalır. (Kafanızı Karıştırmayın Okuyup Geçin)</li> <li>Null: Ne olduğu belli olmayan değişken, veri türüdür. Türünü tarayıcı belirler. Yani çarpma işlemi yapacaksak bir sayı ile yazıyı çarpamayacağımızdan tür number, toplama işlemi yapacaksak string olur. Peki yazıyı toplayabilir miyiz? Hayır ama birleştirme işlemi yapar. Yani a+b=ab'dir. Bir değişkene "null" değeri atamak için değişken içeriğini "null" yapmalıyız. (Kafanızı Karıştırmayın Okuyup Geçin)</li> <li>Object: Bir değişkene özellik ve metotlara sahip bir nesne atandığında değişkenin türü bu olur. Ayrıntılı bilgi yakında verilecektir. (Kafanızı Karıştırmayın Okuyup Geçin)</li> </ul> <h3> <span style="font-weight: normal;">Kaçışlar</span></h3> </div> <div> <ul> <li>\b Backspace (Geri Al)</li> <li>\n Enter (Yeni Satır)</li> <li>\r Paragraf Sonu</li> <li>\t Tab (Yatay Sekme)</li> <li>\v Vertical Tab (Dikey Sekme)</li> <li>\' Tek Tırnak</li> <li>\" Çift Tırnak</li> <li>\\ Ters Eğik Çizgi</li> </ul> <h3> <span style="font-weight: normal;">Tür Dönüşümleri</span></h3> </div> <div> Değişkenlerin değere göre otamatikmen türünün değişmesidir. Genellikle deyim veya ifadelerde gerçekleşir. Örneğin:</div> <div> <br /></div> <div> var a = "wolder";</div> <div> var b = 5;</div> <div> var c = a+b;</div> <div> <br /></div> <div> Burada bir kelime ile sayı toplanmaya çalışılmış. Bundan dolayı "b" değişkeninin değeri string olur ve c ise "wolder5" olur. Başka bir örnek:</div> <div> <br /></div> <div> <div> var a = "2";</div> <div> var b = 5;</div> <div> var c = a*b;</div> </div> <div> <br /></div> <div> Burada "a" değişkeninin sayısı " ve " arasında olduğundan string değeri almış. Ve çarpma işlemi sadece numberlar arasında olduğundan "a" değişkeni tür değişimi ile number olup dolayısıyla "c" 10 olur. Başka bir örnek daha:</div> <div> <br /></div> <div> <div> var a = "2a";</div> <div> var b = 3;</div> <div> var c = a*b;</div> </div> <div> <br /></div> <div> Burada bir sıkıntı söz konusu. "a" değişkeni string ve number olamaz. Bundan dolayı "c" NaN değeri alır. Eğer işlem + işlemi olsaydı ozaman sonuç "b" değişkeninin string olması ve "c"nin de 2a3 olmasıyla biterdi.</div> <div> <br /></div> <div> Evet. Büyük bir yolu tamamladık ve önemli olup bir okadar da zor olan bu konuyu bitirdik. Kafanızı karıştırmamışsınızdır inşallah. Karıştıysan sorunu yorumda belirtin. Bir sonraki derste Operatörlerin hepsini göreceğiz. Kolay Gelsin</div>

Javascript Eğitimi Ders 4-Veri Türleri

Merhaba, Bir önceki derste değişken kapsamını öğrendik ve şimdi sıkıcı konulardan biri olan veri türlerini öğrenelim. Veri türlerinden so...

Devamı »

Javascript Eğitimi Ders 3-Değişken Kapsamı

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div> Merhaba,<br /> Değişkenleri öğrendiğimize göre şimdi değişkenin ulaşılabildiği yerleri öğrenelim. Bu konu çok önemli ve dikkat edlimesi gereken bir konudur.<br /> <h3> Değişken Kapsamı</h3> <div> Değişken kapsamı değişkenlere ulaşılabilen yerlerdir. "{" ve "}" arasındda kalan yerlere blok denir ve bloklar bir kapsam tanımlamaktadırlar. Değişken kapsamı genel (Global) ve yerel (local) olmak üzere 2'ye ayrılır. </div> <h4> Global Değişken</h4> <div> Fonksiyonda kullanmamak şartıyla direk script etiketleri arasına konulan ve tanımlanan değişkenler genel (Global) değişkenlerdir. Önceden bildiğimiz gibi tarayıcı onu okumadan aktif hale gelmez. Yani onu tanımaz.</div> <h4> Global Değişken'e Örnek:</h4> <div> <html></div> <div> <head></div> <div> <script></div> <div> var global = 5;</div> <div> function fun() {</div> <div> //global değişkeni etkin</div> <div> }</div> <div> //global değişkeni etkin</div> <div> </script></div> <div> <body></div> <div> <script></div> <div> //global değişkeni etkin</div> <div> function fun2() {</div> <div> //global değişkeni etkin</div> <div> }</div> <div> </script></div> <div> </body></div> <div> </html></div> <div> <br /></div> <h4> Local Değişken</h4> <div> Belirli bir yerde, fonksiyonda kullanılırsan fonksiyonda etkin olur. Örnek verirsek iyi anlarız. Global ile local'ı birleştirelim.</div> <h4> Local Değişken'e Örnek:</h4> <div> <div> <html></div> <div> <head></div> <div> <script></div> <div> function fun() {</div> <div> var local = 5;</div> <div> global = 5;</div> <div> //Burada local "var ile tanımlanmış.</div> <div> //Fakat global tek olarak tanımlanmış.</div> <div> }</div> <div> //İkiside etkin değil</div> <div> fun2 ();</div> <div> //Fonksiyon etkinleştirildi</div> <div> //Şimdi global tam global oldu.</div> <div> }</div> <div> //global değişkeni etkin</div> <div> </script></div> <div> <body></div> <div> <script></div> <div> //global değişkeni etkin</div> <div> function fun2() {</div> <div> //global değişkeni etkin</div> <div> }</div> <div> </script></div> <div> </body></div> <div> </html></div> </div> <div> <br /></div> <div> Fonksiyonda "var" anahtarı ile kullanılan değişken local değişkendir. "var"sız kullanılan (tanımlanan) değişkenler yarı global olup sadece fonksiyon etkinleştirilince tam global olurlar. Yani burada da global isimli değişken fonksiyon etkin olunca tam global oldu.</div> <h4> Genel Örnek:</h4> <div> <div> <html></div> <div> <head></div> <div> <script></div> <div> var a = 5;</div> <div> function fun() {</div> <div> var a = 10;</div> <div> var a = 15;</div> <div> document.write("local a değişkeni:" + a);</div> <div> }</div> <div> fun ();</div> <div> document.write("global a  değişkeni" + a);</div> <div> </script></div> <div> <body></div> <div> </body></div> <div> </html></div> </div> <div> <br /></div> <div> Burada document nesnesinin write özelliğini kullandık ve yazı yazmaya yaradığını öğrendik. Peki burada ne var. Burada 1 kere global sonra 2 kere fonksiyon içinde local olarak tanımlanan aynı isimli değişkenleri görüyorsunuz. Bu durumda en son yazılan değişken geçerli olur. Sonra "local a değişkeni: 15" yazısını yazdık. Bu değişken şuan local. Sonra fonksiyonu etkin edip "global a değişkeni: 15" dedik. Yani şimdi değişken kullanılırken global oldu. Burada anlatmak istediğim bir değişkeni aynı anda hem global hem de local olarak kullanabiliriz.</div> <div> <br /></div> <div> Bu derslik bukadar ve zor bir okadar da önemli olan bu konu her programcı için işi zorlaştırıyor. Bir sonraki derste yine önemli ve zor bir okadar da kafa karıştırıcı olan konuyu anlatmaya çaışacağız. Kolay Gelsin.</div>

Javascript Eğitimi Ders 3-Değişken Kapsamı

Merhaba, Değişkenleri öğrendiğimize göre şimdi değişkenin ulaşılabildiği yerleri öğrenelim. Bu konu çok önemli ve dikkat edlimesi gereken...

Devamı »

Javascript Eğitimi Ders 2-Javascript'e Giriş

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div> Merhaba,<br /> Şimdi değişkenler hakkında bilgi edinip kullanıcağız. Kısa bir ders olcak. Kolay Gelsin.<br /> <h3> Değişkenler</h3> <div> Değişkensiz hiçbir şey yapamayız. Değikenler üretilen verileri, değerleri saklamaya yarayan alanlardır. Söz dizimi şöyledir:</div> <div> <br /></div> <div> <Veri Türü> <Değişken Adı> = <İlk Değer Ataması></div> <h3> Değişken Oluşturma Kuralları</h3> <div> <ul> <li>Adı "_" veya harfle başlamalıdır. Sayı ile başlayamaz.</li> <li>Adından türkçe karakter ve boşluk bulunmamalıdır.</li> <li>Büyük harflere duyarlıdır. Yani "ben" ve "Ben" farklıdır.</li> <li>Değişken tanımlama şöyledir:</li> </ul> <div>              var <değişken adı> = <ilk değer ataması></div> </div> <div> <ul> <li>Değişkenlerde ad olarak rezerve isimleri kullanılmaz.</li> <li>Değişkenlerde metinler atanırken "ve" işaretleri arasına konulmalıdır.</li> </ul> <h3> Değişken Tanımlama ve Değer Atama</h3> </div> <div> Tanımlama:</div> <div> <br /></div> <div> var a = 5;</div> <div> <br /></div> <div> Değer Atama:</div> <div> var j; //Şuan Değeri Yok</div> <div> j = "Wolder"; //Değer Atadık ve Değeri Var</div> <div> <br /></div>

Javascript Eğitimi Ders 2-Javascript'e Giriş

Merhaba, Şimdi değişkenler hakkında bilgi edinip kullanıcağız. Kısa bir ders olcak. Kolay Gelsin. Değişkenler Değişkensiz hiçbir şey ...

Devamı »

Javascript Eğitimi Ders 1-Başlangıç

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2MFvs61EruESO4BEgaeqY9v6HM2aMHpaiSvqSA0qUX6lWFeky5h0jt_783i5TYR1ck_SSN2ESVl531RaKz7fv4bm7o75m52j8lUJpacgzTv-opjjBk3qFg6IpcdZqM8yrK95GrLblC-Hg/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2MFvs61EruESO4BEgaeqY9v6HM2aMHpaiSvqSA0qUX6lWFeky5h0jt_783i5TYR1ck_SSN2ESVl531RaKz7fv4bm7o75m52j8lUJpacgzTv-opjjBk3qFg6IpcdZqM8yrK95GrLblC-Hg/s1600/JavaScript-logo.png" width="200" /></a></div> Merhaba,<br /> Bugünden itibaren siteyi daha dinamik, kullanışlı yapan javascripti öğrenmeye başlayacağız. Çok uzun ve ayrıntılı anlatımlarım ile iyi anlayacağınızı düşünüyorum. Bu derse başlamadan önce "Html" ve temel "Css" bilmelisiniz. Biraz saçma ama arada "Css" kullanacağım. Ayrıca "Php" biliyorsanız size "Javascript" çok kolay gelecektir. Şimdiden kolay gelsin.<br /> <br /> <h3> Nereye Eklenir</h3> <div> Html'de ve Html5'te "<head>" etiketleri arasına veya "<body>" etiketleri arasına eklenir. Eklendiği yer ise önemlidir. Bir örnekle açıklayalım:</div> <div> <br /></div> <div> "Evet bu işlem için "function" etiketini kullanacağız.</div> <div> .</div> <div> .</div> <div> .</div> <div> Şimdi "function" etiketinin ne olduğunu öğrenelim:</div> <div> .</div> <div> .</div> <div> .</div> <div> <br /></div> <div> Sizce size böyle bir eğitim sağlasam olur mu? Tabiki hayır. İşte tarama işlemide yukarıdan başladığından eğer en üste etiket ile javascript belirtirsek tarayıcı daha o etiketi tanımadığından (okumadığından) script kodu yok sayılacaktır.</div> <div> <br /></div> <div> <html></div> <div> <head></div> <div> //1. Javascript Kodları</div> <div> </head></div> <div> <body></div> <div> //2. Javascript Kodları</div> <div> //Kodlar</div> <div> //3. Javascript Kodları</div> <div> </body></div> <div> </html></div> <h3> Nasıl Eklenir</h3> <div> "<script>" ve "</script>" etiketleri arasına "type" değeri "text/javascript" verilerek kullanılır. Yani:</div> <div> <br /></div> <div> <script type="text/javascript"></div> <div> //Kodlar</div> <div> </script></div> <div> <br /></div> <h3> Harici Javascript</h3> <div> "<script>" ve "</script>" etiketleri arasına "src" değerine "URL" verilerek yapılır. Dikkar edilmesi gerek hususlar:</div> <div> <ul> <li>Kaynak dosya ".js" uzantılı olmalıdır.</li> <li>Kaynak dosya "<script>" ve "</script>" etiketleri içermemeli.</li> <li>"src" özelliği kullanılırsa "<script>" ve "</script>" etiketleri arasına kod yazılmamalı.</li> <li>Harici Javascript'i "<head>" veya "<body>"de kullanabilirsiniz.</li> </ul> <h3> Javascript'e Açıklama</h3> </div> <div> Tek satırlı açıklama için:</div> <div> <br /></div> <div> //Açıklama</div> <div> <br /></div> <div> Çok satırlı açıklam için:</div> <div> <br /></div> <div> /*Açıklama*/</div> <div> <br /></div> <h3> Javascript Yazarken</h3> <div> <ul> <li>Her bir komut satırının sonuna ";" konulmalıdır.</li> <li>Büyük küçük harf ayrımı vardır.</li> <li>Nesnelerin özellik ve metotlarına ulaşmak için "." kullanmalıyız.</li> </ul> <div> Bu derslik Javascript'in temellerini öğrendik. Bunları ezberlemeden Javascript öğrenemezsiniz. Bundan dolayı iyi çalışın. Bir sonraki derste Javascript'e giriş yapıcağız. </div> </div>

Javascript Eğitimi Ders 1-Başlangıç

Merhaba, Bugünden itibaren siteyi daha dinamik, kullanışlı yapan javascripti öğrenmeye başlayacağız. Çok uzun ve ayrıntılı anlatımlarım i...

Devamı »