Wolder King: Javascript

Javascript etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

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

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ı »

06:30

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ı »

06:08

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ı »

08:04

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ı »

06:52

Sağ Tık Engelleme Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.clipartbest.com/cliparts/9cz/oM9/9czoM9bcE.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.clipartbest.com/cliparts/9cz/oM9/9czoM9bcE.png" width="184" /></a></div>
Sağ tık engelleme aslında önemli bir koddur. Eğer Php destekli bir host açtıysanız ve içinde üyelik varsa sadece giriş yapanlara sağ tıklama engelini kaldırarak insanları zorunda bırakabilirsiniz.<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 58px; margin: 0px; width: 385px;"><script language=Javascript1.2> 
 
</script>

Sağ Tık Engelleme Kodu

Sağ tık engelleme aslında önemli bir koddur. Eğer Php destekli bir host açtıysanız ve içinde üyelik varsa sadece giriş yapanlara sağ tıkla...

Devamı »

07:50

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

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

Javascript Eğitimi Ders 5-Operatörler

Javascript Eğitimi Ders 4-Veri Türleri

Sağ Tık Engelleme Kodu

Popüler

Arşiv