ForumaGel.Com - Güncel, Teknoloji, Sosyal Medya, Bilgi, Eğitim ve Nostalji Forum Siteniz

Geri git   ForumaGel.Com - Güncel, Teknoloji, Sosyal Medya, Bilgi, Eğitim ve Nostalji Forum Siteniz > Webmaster Genel > Web Programlama

Web Programlama HTML/CSS, PHP, ASP, JavaScript, Perl/CGI programlama dilleri ile ilgili her konuda tartışabilirsiniz.

Java Script Dersleri

Webmaster Genel Kategorisinde ve Web Programlama Forumunda Bulunan Java Script Dersleri Konusunu Görüntülemektesiniz,Konu İçerigi Kısaca ->> ...


Konuya Etiketlenen Üyeler

Yeni Konu aç  Cevapla
 
LinkBack Seçenekler Stil
Alt 05 Ocak 2019, 13:30   #1
Durumu
Çevrimdışı
 
MaKaY adlı kullanıcının avatarı
İsim: MUHAMMED AKAY
Yeni Java Script Dersleri


JavaScript Nedir:

JavaScript; web tasarımı ile ilgilenenler için HTML dilinden sonra en önemli dildir. İyi bir web tasarımcısı olmak için en az html ve JavaScript dillerini bilmeniz lazım. Bu dilin en büyük özelliği html dili ile iç içe kullanılması ve kolay anlaşılır olmasıdır. Bu özellikleri JavaScript 'i en çok kullanılan diller arasına sokmuştur. JavaScript dilini öğrenebilmek için html dilini çok iyi bilmek gerekir. Html dilini bilmiyorsanız hiç şansınız yok Şey aslında bi şansınız var... Bu sitede sevgili Savaş 'ın yazdığı HTML dersleri de var... Ama bence Savaş 'ın o iğrenç esprilerine katlanmak yerine webmaster olmaktan vazgeçin daha iyi Yani en azından HTML'den nefret etmemiş olursunuz.

JavaScript Ne İşe Yarar:


Kuru kuruya bir kaç resim ve yazıdan oluşan sitelerden bıktıysanız ve zorlanmadan daha fazlasını öğrenmek istiyorsanız JavaScript dili tam size göre bu dil sayesinde kolayca sitenizi canlandırıp ziyaretçi ile diyalog içine sokabilirsiniz. Bu dil sayesinde bir çok şey yapabilirsiniz bunların başında form kontrolü ufak oyun ve programlar gelir. Kısacası html dilini biliyor ve kendinizi daha fazla geliştirmek istiyorsanız aramıza hoş geldiniz

JavaScript Diline Giriş:

JavaScript dili de diğer tüm programlama dilleri gibi komutlardan meydana gelir. İsterseniz önce bu komutların yazılış formatını görelim.

Temel olarak JavaScript komutları Html de <script></script> tagları arasına yazılır.


<html>
<script language="javascript"> Bu satırda kullanacağımız scriptin versiyonunu belirtiyoruz.
{
Bu raya JavaScript komutları yazılır
}
</script>
<body>
Bu araya html kodları yazılır ve JavaScripte yönlendirme yapılır
</body>
<html>

Yukarıdaki örnekte kullandığımız JavaScript'in versiyonunu language komutunu kullanarak belirtiyoruz. JavaScript'in bir den fazla versiyonu vardır (JavaScript1.0 JavaScript12 vs.). Bu versiyonların her birinde yeni komutlar eklenmiştir bu nedenle scriptin versiyonunu belirtmek önemlidir. Daha sonra hangi versiyonla hangi komutların eklendiğini daha ayrıntılı olarak inceleyeceğiz.

JavaScript komutları sadece bu formatla sınırlı değildir. Direk html kodları arasında ya da "js" uzantılı dosyalar olarak da kullanılabilirler. İlerde bu değişik formatları daha detaylı olarak ele alacağız. Biz anlatımımız boyunca bu formatları karışık olarak kullanacağız.



  Alıntı ile Cevapla
Alt 05 Ocak 2019, 13:30   #2
Durumu
Çevrimdışı
 
MaKaY adlı kullanıcının avatarı
İsim: MUHAMMED AKAY
Standart

Fonksiyonlar

JavaScript komutları genelde fonsiyon içinde tanımlanırlar. Basit scriplerde fonksiyona pek gerek duyulmasa da scriptin karmaşıklığı artıkça fonksiyon kullanımı gerekebilir ve çoğu zaman zorunlu hale gelir. Biz de anlatımımız boyunca vereceğimiz örneklerin hemen hemen hepsinde fonksiyon kullanacağımız için ilk dersimize fonksiyon kullanımı ile başlamak istedim. Umarım bi sakıncası yoktur? Gerçi olsa ne yazar..

JavaScript'te foksiyon kabaca function fonksiyonun_adı() şeklinde tanımlanır ve fonksiyonun çalışabilmesi için herhangi bir komutla tetiklenmesi gerekir.

Örnek :


<html>
<script language="javascript">
function mesaj()
{
alert("fonksiyon örneği çalışıyor.")
}
</script>
<body>
<center>
<p> Function Örneği</p>
<input type="button" value="Tıklayın!.." onclick="mesaj()">
</body>
</html>


[Linkleri görebilmeniz için üye olmanız gerekiyor! Üye olmak için tıklayın...]

Not: Bu JavaScript'te fonksiyonu tetiklemek için "<button></button>" ve "onclick" komutlarını kullandık bunları ilerleyen derslerde daha ayrıntılı olarak inceleyeceğiz şimdilik bilmeniz gereken bu komutların genelde beraber kullanıldığıdır. Diğer örneklerimizde de bu komutlardan yararlanacağız..


<button onclick="fonksiyonun adı">tıklayıın</button>

Fonksiyona Dışarıdan Değişken Gönderme.

Foksiyonların en çok kullandığımız özelliklerinden biri de dışarıdan değişken alabilme özelliğidir.
function deneme(a) 'şeklinde tanımlanan bir fonksiyona dışarıdan her hangi bir "a" ve değişkeni yollanabilir. Dışardan bir değişken yollanabileceği gibi birden fazla değişkende yollana bilir.
function deneme(xy) 'şeklindeki bir fonksiyona dışarıdan "x" ve "y" gibi iki değişken gönderilebilir. Gönderilen ilk değişken "x" ikinci değişken "y" olarak algılanır.
dışarıdan yollanan değişken tetikleme komutunun sonuna eklenen deneme('ali''veli') (burada deneme('ali''veli') yazmamızın nedeni tetiklenecek fonksiyonun adının deneme() olmasıdır) komutu ile yollanır burada 'ali' birinci değişken 'veli' ise ikinci değişkendir.

Örnek :

<htm>
<script language="javascript">
function deneme(a
{
alert("birinci değişkeniniz="+ a)
alert("ikinci değişkeniniz="+
}
</script>
<body>
<center>
<p>İkinci Function Örneği</p>
<input type="button" value="Tıklayın!.." onclick="deneme('bilim''teknoloji')">
</body>
</html>


[Linkleri görebilmeniz için üye olmanız gerekiyor! Üye olmak için tıklayın...]




  Alıntı ile Cevapla
Alt 05 Ocak 2019, 13:30   #3
Durumu
Çevrimdışı
 
MaKaY adlı kullanıcının avatarı
İsim: MUHAMMED AKAY
Standart

Mesaj Kutuları

Alert Kutusu:
Alert kutusu uyarı mesajları vermek için kullanılır. Mesaj kutuları içinde en çok kullanılanı alert kutusudur. Bu kutu bir ünlem işareti yazdığınız mesaj ve bir tamam butonundan oluşur.



alert(deşğişken) yada alert("Masj buraya yazılır")

Örnek:

<html>
<script language="javascript">
function mesaj()
{
alert("ilk örneğimiz çalışıyor")
}
</script>
<body>
<center>
<p>Alert Kutusu Örneği</p>
<input type="button" value="Tıklayın!.." onclick="mesaj()">
</body>
</html>


[Linkleri görebilmeniz için üye olmanız gerekiyor! Üye olmak için tıklayın...]




  Alıntı ile Cevapla
Alt 05 Ocak 2019, 13:31   #4
Durumu
Çevrimdışı
 
MaKaY adlı kullanıcının avatarı
İsim: MUHAMMED AKAY
Standart

Confirm Kutusu: Confirm kutusu genelde yapılacak olan işlem hakkında kullanıcıya soru sormak için kullanılır. Bir soru işareti mesajınız bir Tamam ve bir İptal butonlarından oluşur.

* Bu mesaj kutusuyla verilen mesajın cevabı bir değişkene atanarak değişik işlemler yapılabilir.
- Cevap olarak "Tamam" butonunun tıklanması değişkene "1" değerini atar.
- "İptal" butonunun tıklanması ise değişkene "0" değerini atar. (Pencerenin köşesinden kapatılması "İptal" butonuna basmak ile aynı işlevi görür)




confirm(Değişken) yada confirm("mesaj buraya yazılır")

Örnek:

<html>
<script language="javascript">
function mesaj()
{
var a
a = confirm("Tamam yada İptali tıklayın.")
if (a==1)
{
alert("Tamam tuşunu tıkladınız.")
}
if (a==0)
{
alert("İptal tuşunu tıkladınız.")
}
}
</script>
<body>
<center>
<p>Confirm Kutusu Örneği</p>
<input type="button" value="Tıklayın!.." onclick="mesaj()">
</body>
</html>



[Linkleri görebilmeniz için üye olmanız gerekiyor! Üye olmak için tıklayın...]

Not: Bu örnekte "if (a==1)" kısmıyla başlayan satırdan scripti kapattığımız satıra kadar olan kısımda if() komutu yardımı ile karşılaştırma yapıyoruz. Şimdilik bu bölüm sizi alakadar etmiyor sadece scriptin anlaşılır olması için eklenmiştir. Ayrıca var a şeklinde kullanılan satır "a" isminde bir değişken tanımlamak için kullanılmıştır. Şimdilik bu kısımlara takılmayın ilerleyen derslerde bunlar ayrıntılı olarak anlatılacak



  Alıntı ile Cevapla
Alt 05 Ocak 2019, 13:31   #5
Durumu
Çevrimdışı
 
MaKaY adlı kullanıcının avatarı
İsim: MUHAMMED AKAY
Standart

Prompt() Mesaj Kutusu : Prompt mesaj kutusu diğer mesaj kutularından farklı olarak kullanıcının değer girişi yapabildiği bir kutudur. Yani kullanıcıya verilen mesaj karşılığında bir değer girmesi istenir. Değişkene atanan bu değer script içinde isteğe göre değerlendirile bilinir.

değişken = prompt('mesaj''örnek')



Örnek:

<html>
<script language="javascript">
function mesaj()
{
var a
a = prompt("Adınızı Giriniz""Adınız")
alert(a+" JavaScript Öğrenmeye başladın artık!")
}
</script>
<body>
<center>
<p>Confirm Kutusu Örneği</p>
<input type="button" value="Tıklayın!.." onclick="mesaj()">
</body>
</html>



[Linkleri görebilmeniz için üye olmanız gerekiyor! Üye olmak için tıklayın...]



  Alıntı ile Cevapla
Alt 05 Ocak 2019, 13:31   #6
Durumu
Çevrimdışı
 
MaKaY adlı kullanıcının avatarı
İsim: MUHAMMED AKAY
Standart

Değişkenler

Değişken :
Değişken JavaScript de dahil olmak üzere tüm programlama dillerinde kullanılan içeriği tamamen isteğe bağlı olarak atanan ve programcı tarafından ihtiyaca göre oluşturulan nesnelerdir. Değişkenin içeriği metin yada sayı olabilir.

JavaScripte Değişken Kullanımı : JavaScript'te değişken kullanmak için ilk olarak değişken isminin "var" komutu kullanılarak belirtilmesi gerekir. (Evet bu değişkeni önceden belirtme işi çok gıcık ama napalım gülü seven dikenine katlanır). Hemen değişkeni belirtirken yada daha sonra script içerisinde değişkene bir değer atanabilir. Eğer değişken tanıtılmadan içeriğine bir değer atanılmaya çalışırsa script çalışmaz.

var gezegen
gezegen = "mars"

yada

var gezegen = "mars" ' Bu örneklerde değişkenimiz "gezegen" değeri "mars" tır.

* Bir var komutu ile birden çok değişken tanımlana bilir.

var okulsınıfno 'burada var komutu okulsınıf ve no olmak üzere üç değişken oluşturduk.

Örnek:

<html>
<script language="javascript">
function deneme()
{
var mesaj
mesaj = "örneğimiz çalışıyor"
alert(mesaj)
}
</script>
<body>
<center>
<p>Değişken Örneği</p>
<input type="button" value="Tıklayın!.." onclick="deneme()">
</body>
</html>



[Linkleri görebilmeniz için üye olmanız gerekiyor! Üye olmak için tıklayın...]



  Alıntı ile Cevapla
Alt 05 Ocak 2019, 13:31   #7
Durumu
Çevrimdışı
 
MaKaY adlı kullanıcının avatarı
İsim: MUHAMMED AKAY
Standart

JavaScript Değişkenlerinin Özellikleri:

- JavaScrip'te değişken kullanılmadan önce "var" komutu ile tanımlanmalıdır.
- JavaScrip'te değişkene atanan değer " " yada ' ' imleri arasına yazılır.
- Küsuratlı sayısal değerler "." (nokta) ile gösterilir. 3.5 ( "" virgül kullanılmaz.)
- JavaScrip'te değişken algılanırken büyük küçük harf ayrımı yapılır. Örneğin "okul" ile "Okul" kelimeleri JavaScript tarafından iki farklı değişken olarak algılanır.


Değişken Çeşitleri


Boolean Değişkeni : Bu değişkenler iki farklı değer alabilen değişkenlerdir. Bu değişkenin "true" değerini alması değişkenin geçerli yada kullanıla bilir olduğu "false" değerini alması ise geçersiz yada kullanılamaz olduğu anlamına gelir. Ayrıca "false" yerine "0" "true" yerine "1" değerleri de kullanıla bilir. Bu değişkeni ilerde bazı örneklerde kullanacağız.

Global Değişken : Global değişken diğer değişkenler gibi hemen hemen tüm programlama dillerinde kullanılır. Kullanım amacı; Bir fonksiyon içinde tanımladığımız bir değişken başka bir fonksiyon için geçerli değildir. Yani bir fonksiyonda tanımlayıp kullandığımız bir değişkeni başka bir fonksiyonda kullanmak için yeniden tanımlayıp değer atamamız gerekir. Ama bazı durumlarda aynı değişkenin bir çok fonksiyonda kullanılması gerekebilir. Yani değişkene verdiğimiz değerin tüm fonksiyonlarda geçerli olması ve değerinin değiştirilebilmesi istenebilir. Bu durumda global değişkene ihtiyaç duyulur.

JavaScrip'te global değişken kullanımı çok kolaydır. Yapmanız gereken tek şey global değişken olarak kullanmak istediğiniz değişkeni fonksiyon içinde degil de hemen scripti tanımladıktan sonra yani fonksiyon açmadan tanımlamaktır. Yani hiç bir ek komuta gerek yoktur. Bu şekilde tanımladığınız bir değişkeni script içindeki tüm fonksiyonlarda tekrar tanımlamaya gerek kalmadan kullana bilirsiniz.

Örnek:

<html>
<script language="javascript">
var sayi = '10'
function deneme1()
{
alert("1. fonksiyon global değişken ="+sayi)
}
function deneme2()
{
alert("2. fonksiyon global değişken ="+sayi )
}
</script>
<body>
<center>
<p>Global Değişken Örneği</p>
<p>Fonsiyon 1</p>
<input type="button" value="Tıklayın!.." onclick="deneme1()">

<p>Fonsiyon 2</p>
<input type="button" value="Tıklayın!.." onclick="deneme2()">
</body>
</html>


[Linkleri görebilmeniz için üye olmanız gerekiyor! Üye olmak için tıklayın...]



  Alıntı ile Cevapla
Alt 05 Ocak 2019, 13:31   #8
Durumu
Çevrimdışı
 
MaKaY adlı kullanıcının avatarı
İsim: MUHAMMED AKAY
Standart

Array (Dizi) Değişken : Diğer tüm değişken türleri sadece bir tek değer alabilmekteydi. Ama dizi değişkende birden fazla değer tek değişken içinde tutulabilir. Dizi değişken oluşturmak için diğer değişkenler gibi önce değişkenin adı "var" komutu ile tanımlanır. Daha sonra "new Array()" komutu ile değişkene değerler atanır.

* Dikkat edilmesi gereken en önemli unsur "Array" komutunun ilk "A" harfi mutlaka büyük harfle yazılmalıdır. Küçük a yazılırsa script çalışmaz.

var degisken
degisken = new Array(deger1deger2deger3deger4....)

Dizi değişkenin değerleri okunurken degişken[0] degişken[1] degişken[2] şeklinde okunur. Burada dikkat edilmesi gereken en önemli unsur. ilk değerin
  • olarak tutuluyor olmasıdır sonra sırası ile [1] [2] ... şeklinde devam eder.
Örnek:

<html>
<script language="javascript">
function dizi_degisken()
{
var gezegenler
gezegenler = new Array("merkur""venus""dunya""mars""jupiter")
alert("değişkenleriniz = "+gezegenler[0]+gezegenler[1]+gezegenler[2]+gezegenler[3]+gezegenler[4])
}
</script>
<body>
<center>
<p>Dizi Değişken Örneği.</p>
<input type="button" value="Tıklayın!.." onclick="dizi_degisken()">
</body>
</html>[
/color]

[Linkleri görebilmeniz için üye olmanız gerekiyor! Üye olmak için tıklayın...]



  Alıntı ile Cevapla
Alt 05 Ocak 2019, 13:31   #9
Durumu
Çevrimdışı
 
MaKaY adlı kullanıcının avatarı
İsim: MUHAMMED AKAY
Standart

Mantıksal ve Matematiksel İşlemler

Karşılaştırmalar :
Karşılaştırma işlemleri genellikle scripte koşul vermek için kullanılır. Değerler koşula uygunsa sonuç "true" değilse "false" dir.

JavaScrip'te karşılaştırma operatörleri tablosu ;
OPERATÖR
ADI
ANLAMI


==
Eşit
Sol ve sağdaki değerler biribirlerine eşitse

!=
Eşitdeğil

Sol ve sağdaki değerler birbirlerine eşitdeğilse

<
Küçük
Soldaki değer sağdaki değerden küçüse

>
Büyük
Soldaki değer sağdaki değerden büyükse

<=
Küçük yada eşit
Soldaki değer sağdaki değere eşit yada küçükse

>=
Büyük yada eşit
Soldaki değer sağdaki değere eşit yada büyükse



  Alıntı ile Cevapla
Cevapla

Sosyal Medya'da Paylaş!

Etiket Bulutu
dersleri, java, script

Seçenekler
Stil

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodları Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık



Şu Anki Saat: 18:09

 

Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196