Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

tarafından **Hellblazer** Cuma Haz. 11, 2010 11:00 pm

Javascript'in HTML'de ki yeri :

Her zaman Javascript kodu <script> </script> tag leri arasina yazilir.Genel olarak HTML koduna bakildigi zaman , script tagleri <head> </head> tag lerinin
icine yazilir.

ORNEK 1-1:

Kod:: <html> <head> <script> document.write("Hello World"); </script> </head> <body> </body> </html>

Javascript Ana Kodlari :

document.write() Bu kod javascript'in belki de en ana kodlarindan biridir. Bu kod Ornek 1-1 de oldugu gibi sadece Websitenize sadece yazi cikartmaktadir.
document.write() in icine bilgi yazmak istedigimizde yazilari tirnak icinde "Merhaba Dunya" sayilari ise oldugu gibi(tirnak isaretsiz) yaziyoruz.(ORNEK 1-2)

ORNEK 1-2

Kod:: <html> <head> <script> document.write("Merhaba Dunya"); document.write(2010); </script> </head> <body> </body> </html>

Eger sayi ve yazilari birlestirmek istiyorsak + kullaniyoruz.(ORNEK 1-3)

ORNEK 1-3

Kod:: <html> <head> <script> document.write("Merhaba Dunya " + 2010); </script> </head> <body> </body> </html>

alert() Bu kod yine en ana kodlardan biri olup , web sayfamiz acildigi zaman bize PoP-Up cikartmaktadir. alert() kodunun ozelliklerinde hic
bir fark yoktur. Sadece yazi yerine sayfamizda pop-up cikartir.(Ornek 1-4)

ORNEK 1-4

Kod:: <html> <head> <script> alert("Merhaba Dunya " + 2010); document.write("Merhaba Dunya " + 2010); </script> </head> <body> </body> </html>

Baslangic olarak bukadar.Insallah yararli olur. Ikinci bolumumde variables(degiskenler) den bahsedecegim. Bunlarin hepsi benim kendi yazimdir.Emege saygi gostermenizive repleri bekliyorum Smile

Sorular olursa seve seve cevaplarim.

by Hellblazer pirat

tarafından dark_gamer Cuma Haz. 11, 2010 11:04 pm

çok sağol çok iyi anlatmışsın + rep

tarafından **Castiel** Cuma Haz. 11, 2010 11:30 pm

+rep javascripte hep ilgi duydum ama başlamak hiç nasip olmamıştı senin tutorial'ların sayesinde öğreneceğim galiba Smile

tarafından **Starship Pain** Cuma Haz. 11, 2010 11:30 pm

+rep ben de heveslendim şimdi Very Happy

tarafından **Hellblazer** Cuma Haz. 11, 2010 11:33 pm

Arkadaslar su finallerim bitsin daha cok vaktim olacak. Simdi yavas baslayip daha sonralari hizlanicaz Smile

ve insallah hepinizi birer javascript ustasi yapicaz Smile

tarafından **Castiel** Cuma Haz. 11, 2010 11:36 pm

şu <body> </body> kısmı ne işe yarıyor acaba? çok merak ettim Very Happy

tarafından **Hellblazer** Cuma Haz. 11, 2010 11:42 pm

Castiel demiş ki:şu <body> </body> kısmı ne işe yarıyor acaba? çok merak ettim

bunlarin cevabini ilk html tutorial'im da vericegim. Hic merak etme Smile

tarafından **Castiel** Cuma Haz. 11, 2010 11:43 pm

Peki o zaman heyecanla sıradaki tutorial'larını bekliyorum Smile

tarafından **Castiel** Cuma Haz. 11, 2010 11:50 pm

youtube'dan bir tutorial izledim, ve çok ilginç -biz nooblara göre xD- bir şey buldum. gerçi bunu şimdi paylaşmak ne kadar doğru olur bilmiyorum ama, bir deneyin bakalım Very Happy

Kod:: <html> <head> <script type="text/javascript"> function message() { alert("herhangi birşey işte") } </script> </head> <body> <form> <input type ="button" value="Mesajı aç" onClick="message()"> </form> </body> </html>

tarafından **Hellblazer** Cuma Haz. 11, 2010 11:58 pm

Castiel demiş ki:youtube'dan bir tutorial izledim, ve çok ilginç -biz nooblara göre xD- bir şey buldum. gerçi bunu şimdi paylaşmak ne kadar doğru olur bilmiyorum ama, bir deneyin bakalım

Kod:
<html> <head> <script type="text/javascript"> function message() { alert("herhangi birşey işte") } </script> </head> <body> <form> <input type ="button" value="Mesajı aç" onClick="message()"> </form> </body> </html>

Bu daha ileri duzey javascript. Fonksiyon kullanimini bilmek gerekir. Bunlarin hepsini youtube da bulabilirsiniz. Ancak ben diger kisilerin videolarini calip buraya koymak istemedim. Ileri tutorial larimda gostericem hem bu bilgilerle forum ileri gider hemde siz arkadaslar da ogrenmis olursunuz.

tarafından **Castiel** C.tesi Haz. 12, 2010 12:03 am

ben actionscriptle aşina olduğumdan function kısmı pek zor gelmedi. o yüzden paylaştım fakat senin dediğinde doğru yavaş ve düzgünce öğrenmek en iyisi.. senin tutoriallarını destekliyorum diğerlerinde başarılar Smile

tarafından **Castiel** C.tesi Haz. 12, 2010 10:56 am

Eee, bir soru daha..
<script type=text/javascript> ve <script> arasında bir fark var mı? varsa nedir?

Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Geri: Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Geri: Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Geri: Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Geri: Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Geri: Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Geri: Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Geri: Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Geri: Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Geri: Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Geri: Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax

Geri: Javascript Tutorial 1 : Javascript'e Baslangic ve Basic Syntax