java script dersleri .. - IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

ReMEMBeR · 01 Şubat 2006, 12:31

Ders-1:
Javascript istemci (client based) tipte bir lisandýr. Yani ne yaparsanýz hepsi istemcinin (ziyaretçi) PCsindeki tarayýcý programda çalýþýr. Server-side (sunucu taraf&#253
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
ise bunun tam tersi olup, server-side lisanlar ise web sunucularýnda çalýþýr, sonucu HTML’ye çevirip istemci (ziyaretçinin) tarayýcýsýna gönderir.
Javascriptle interactivite elde edersiniz. Mesela mouse-over efektleri gibi. Elbette verilebilecek örnekler çoðalabilir. CGI’ýn tem tersi olay burada hemen gördüðünüz ekranda biter. CGI ile her zaman bir þeyleri týklayýp, sunucudan bir reaksiyon gelmesini beklemek zorundasýnýz. Javascript tümüyle farklýdýr! Ziyaretçiniz bir þey yapýnca bunun karþýlýðýnda Javascriptte gelir karþýlýk verir. Her fare hareketi, klavyedeki herhangi bir butonu týklamanýz (kýsaca herþey) Javascript tarafýndan kontrol edilebilir.
Þimdi dilerseniz gidin klavyeden A harfini týklayýn, hooop hemen anasayfaya gidersiniz. Aman geri gelin hemen. Þimdi size daha cool bir Javascript örneði vermek isterim: Mouse’u aþaðýdaki metnin üzerinde gezdirin bakalým:
Mouse’u burada gezdirin!
Gördünüz mü? Fareyi gezdirmekle Event (olay) dedikleri þeyi çaðýrmýþ oldunuz. Elbette bu çok pratik bir þey deðildir. Düþünün karþýnýza çýkabilecek Vay bee! JavaScriptde neymiþ böyle! mesajlarýný :-) Þimdi bunun nasýl kodlandýðýný görelim:
<script language="JavaScript">

</script>
Bu yey() fonksiyonunu tarif eden kod idi. Fonksiyonlarýn ne olduðunu daha ilerde öðreneceðiz. Þu anda ilk ve son 2 satýra konsantre olunuz. Orta kýsýmda ise sadece alert-box çaðýran ve içinde ne olmasý gerektiðini söyleyen kod var. Aþaðýda ayýklanmýþ halini bulacaksýnýz:
<script language="JavaScript">

</script>
Bütün scriptler bu þekilde baþlamalý, biraz daha irdeleyelim:

<script language="JavaScript>

Burada yalnýz HTML vardýr. <SCRIPT> etiketleri tarayýcýya bir script ile karþý karþýya olduðunu belirtirken language (lisan) özelliði ise bu script-lisanýný belirtir. Þimdilik varsayýlan Javascript kabul ediliyor, ama siz siz olun, her etikette belirtin, çünkü belli mi olur standartlar deðiþir, hoppaaa yeni bir scripting-language bulunur!..

<!--

Bunu bir yerden hatýrlýyorsunuz deðil mi? Evet, doðru, bu HTML yorum satýrýnýn baþlangýcý. Burada ne iþi var diye sorarsýnýz þimdi. Cevabý basit, <SCRIPT> etiketini desteklemeyen eski tarayýcý programý olan vatandaþlar hala bir yerlerde kalmýþtýr sanýrým. Böylece eski tarayýcýlar <SCRIPT> etiketi yerine HTML yorum iþaretlerini deðerlendirirler. Yani saðda solda gördüðünüz Hiding from older browsers dedikleri olay bu iþte. JavaScript kabul edenler bu etiketi dikkate almadan devam ederler.

// -->

Bu satýrda ise anlatýlacak 2 þey var (satýr o kadar uzun deðil ama çok önemli þeyler içeriyor :-) .)
1.) Burada "//" yorum olarak kullanýlýyor. "//" ardýndan gelen herþey Javascript çalýþýrken dikkate alýnmaz. Bu yorumlarý bolca kullanýn ki birkaç hafta sonra yazdýðýnýz scripte bakýnca neyi niçin koyduðunuzu anlayýnýz.
2.) "-->" etiketi daha önce baþlamýþ yorumun bittiðini iþaret eder.

</script>

Ders-2: DeðiþkenlerDeðiþkenler (Variables)
Buraya kadar her bir Javascriptin nasýl olmasý gerektiðini öðrendiniz, nasýl yorumlar koyabileceðinizi de öðrendiniz. Þimdilerde hiç bir iþe yaramayan "alert box" örneðini de gördünüz. Çok fazla bir þey deðil, ama meraklanmayýn. Bundan sonra artýk az laf çok iþ. Direk dersimize dalýyoruz. Þimdi derin bir nefes alýn, hatta gidin kendinize bir fincan çay, kahve yapýn, mevsim meyvalarý bile olabilir. Uyanýk ve ayýk kalmaya gayret edin.
Bugün Javascriptin bilgiyi nasýl sakladýðýný ve ondan nasýl " kod " yarattýðýný öðreneceðiz. Merak etmeyin, bu bir bilim deðil, sadece sabýr iþi. Yalnýz bu derste okuduklarýnýzýn hepsini anlamanýz gerekiyor. Burada görecekleriniz daha sonraki derslerde ve ilerde kendi programlarýnýzý yazarken lazým olacak þeyler.
Deðiþkenler
Matematikte kullanýldýðý gibi, deðiþkenler sayýlarý ve "string"leri saklarlar. ( "string" terimi size þimdilik sýkýntý vermesin, daha sonra anlatacaðýz.) Þöyle düþünebilirsiniz: Bir karenin alanýný hesaplamak istiyorsunuz. Geniþliði "a", uzunluðu "b" olarak tarif ediyorsunuz. Þimdi, eðer a=50 ve b=25 olursa, alaný 1250 cm2 olur. Size basit bir örnek:
<script language="JavaScript">

</script>
Yukarýda gördüðünüz bir sürü deðiþik kod var, ne olduðunu ise az sonra adým adým öðreneceðiz.

<script language="JavaScript">
<!--

Eminim bu size bir yerden tanýdýk geliyordur; Yok hiç tanýþmadýk derseniz hemen Giriþ sayfasýna geri dönüp okuyun :-))

// En, boy ve yüksekliði belirten deðiþkenler
var yuk = 50;
var en = 35;
var boy = 15;
Gördüðünüz gibi ilk satýr sadece bir yorum, yorumda takip eden satýrlarda nelerin yazýlý olduðunu belirtiyor, gerçek scriptin üzerinde hiç bir etkisi yok. Yorum satýrna "Cindy Crawford" yazsanýz bile tarayýcý durup, "Hani, Cindy Crawford neredeymiþ?" diye aramaz (bir kýsmýmýzýn bakacaðý gibi). Dikkate almadan devam ederler (bu tarayýcý programlarda gerçekten zevksiz þeyler, deðil mi? :-)
Þimdi, bundan sonraki satýrlar bayaðý enteresan. Deðikenleri tarif ediyorlar. Deðiþkenleri belirlerken takip etmeniz birkaç kuralý ise hemen aþaðýya sýraladýk:
Deðiþkenler var diye baþlarlar.
Gerçekte bu &#254
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
deðil ama kodu okumanýzý kolaylaþtýrýyor. Ýlla yeni bir deðiþken belirlerken var diye baþlamaya mecbur tutmuyorum, ama sanýrým var diye baþlamak bayaðý iyi bir fikir.
Deðiþkenler küçük harfle yazýlmalý
JavaScriptler deðiþkenlerin küçük-büyük harfli olmasýna ayrý reaksiyon verirler. Genel kural, sadece küçük harfli deðiþkenler kullanma þeklinde oluþmuþtur. Dilerseniz hepsini büyük harf yapabilirsiniz yada karýþýk kullanabilirsiniz, fakat kodlama esnasýnda yapýlabilecek hatalarýn önüne geçmek için ve sinirlerinizin selameti açýsýndan gelin hepsini küçük harf yapýn gitsin -- böylece programcýlarýn %99 ile uyum saðlamýþ olursunuz.
Deðiþkenler bir harf ile baþlamalýdýr
Þimdi scriptin "!deðiþkeni"ni neden tanýmadýðýný anladým.
Satýrý noktalý virgül ile sona erdirin
Dikkat ederseniz satýr sonlarýnda birer tane " ; " var. Her Javascript satýrýnýn sonuna mutlaka bir tane " ; " koyuverin. Bu þekilde hatalarýn önüne geçmiþ olursunuz.

// Alan ve hacimi hesaplayan denklemler
var alan = en * boy;
var hacim = alan * yuk;
Biraz hesaplama. Javascript bu satýrlarý icra ettikten sonra "alan" deðiþkeni " en " (50) ve " boy " (15) deðiþkenlerinin çarpýmlarýnýn sonucunu bulunduracaktýr. Artýk Javascript bundan sonra nezaman bu deðiþkeni görürse 50 ile 15 in çarpýmý ile elde edilen sonuçla yer deðiþtirtecektir. Aynýsý ikinci satýr için de geçerlidir.
Eveeet, deðiþkenler için bu kadar yeter. Ama Javascriptle iþimiz henüz bitmedi!.. Anlatmaya bir sonraki bölümde devam ediyoruz.
Sayfalara Yazdýrmak:

// Sonuçlarýn çýktýsýnýn alýnmasý
document.writeln("Yüksekliði ");
document.writeln(yuk);
document.writeln("cm ve boyu "+ boy +"cm olan bir alanýn yüzölçümü "+ alan +"cm<sup>2</sup>");
document.writeln("Hacmi ise: "+ hacim +"cm<sup>3</sup>");
Burasý Javascriptin enteresan noktasý. Önce deðiþkenleri yarattýk yada deðiþtirdik, þimdi ise web sayfasýnýn kaynaðýna yazdýrýyoruz, böylece insanlar uykusuz gecelerinizin ürününü görme þansýna kavuþuyorlar...:-)
Þimdi istesem " document.writeln() " nedir, nedemektir, sonsuza kadar yazabilirim, ama kýsaca denilebilecek bir þey varsa, scriptin bu kýsmý, kesinlikle <BODY> ve </BODY> etiketleri arasýnda bulunmalýdýr, hatta sonucun sayfanýzda yazýlmasýný istediðiniz noktasýnda bulunmalýdýr. Çünkü Javascript çalýþmýþ, bir çýktý üretmiþ, artýk tarayýcý program sizin belirleyeceðiniz noktaya yazdýracaktýr. "document.writeln()" için bu kadar yeter. Unutmadan, eðer sayfanýza Javascriptinizle ilgili bir HTML yazdýrmak istiyorsanýz, bu iþi document.writeln() yapacaktýr.
Þimdi ise document.writeln() deki () parantezlere konsantre olmanýzý istiyorum.
document.writeln("Yüksekliði "); ilk satýr
Ýlk satýrdaki parantezlerin içindeki çifttýrnaklarý " " görüyormusunuz? Ýþte "" arasýnda ne yazýlý ise Javascript onu HTML olarak düþünür ve sayfanýzýn kaynaðýna yazar. Örnekte ( " ) kullandým ama, dilerseniz siz ( ’ ) kullanabilirsiniz. Her ikiside birbirinin yerine kullanýlabilir.
Devamı ALtta ..

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
mIRC Script Dersleri	High	mIRC Scripting Dersleri	5	06 Mart 2021 21:06
JAVA Dersleri Tek Başlık (Doküman)	SeckiN	Java	2	13 Temmuz 2013 22:54
Sorun söyleyeyim (Java,JSP,ASP.NET(C#),PL/SQL,jQuery,Java Script,Ajax)	J2EE123	Java	2	03 Kasım 2011 12:57
Java Script Arşivi	DoStNaMe	HTML/CSS/JavaScript	12	13 Eylül 2007 07:57

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Etiketlenen Kullanıcılar
Etiketlemek istediğiniz kullanıcılar arasına virgül koyunuz. Örnek: nokta,sukunet,NucLear

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.