JavaScript [js] - Ders #1 (Değişkenler)

[hacii_]

Öncelikle yazacağım bütün bilgiler bana aittir.
Bilişim bölümü mezunu olduğum için sizlere de bir kaç bilgi öğretmek isterim.
Bir dil bilmeyenler için zor gelir bunun sebebi mantığını kavrayamamaktır.
Ama mantığını kavradıktan sonra zevkli olduğunu göreceksiniz.
Basit düzeyde HTML ve CSS bildiğinizi varsayarak başlıyorum derse.​

JavaScript Nedir ?
JavaScript betik programlama dilidir.
Bu dil web sayfaları üzerinde kullanılır.
Peki bu dil ile neler yapılır ?
Kısaca sayfanın genel kontrolü.

Kısaca böyle açıklamak en mantıklısı olacaktır. Dersler boyunca öğreneceğimiz kodlar ve fonksiyonları anlamaya çalışın ve bol bol örnekler yapın. Çünkü şunu unutmayın bir kodun veya fonksiyonun nasıl çalıştığını anlamak için mantığını öğrenmek için onunla ilgili bol bol farklı örnekler yapmanız gerekir. Bu ne alaka diye sorarsanız size şunu örnek vereyim: 50 tane şınav çekemeyen birisi ne yaparsa 50 tane şınav çeker ? Youtubede şınav çeken adamları izleyerek 50 tane şınav çekemez tabii ki mantıklı olarak her gün çalışarak kendini geliştirir ve belli bir süre sonra 50 tane şınav çekmeye başlar. Bu yüzden sizde biraz okuyup bilgi edinip sonra bol bol örnek yaparak kendiniz mantığını kavramanızdır.

Öncelikle javascript kodlarının bir sayfada çalışması için <script></script> etiketleri arasına yazılması gerekli.
Veya dışardan sayfaya enjekte etmek için <script> etiketin içine:
<script src=""></script> yazılarak yani açılımı src(source) kaynak anlamına gelir, javascript dosyasının yolunu yazarak sayfaya kodları çekeriz.
Örnek verirsek:
<script src="/dosya/benim.js"></script>
Yukardaki etikette "dosya" klasörü içindeki "benim" adlı .js dosyasını çağırdık ve artık bu dosyanın içindeki kodlar sayfaya çağrıldı ve çalışmaya hazır.

Şimdi buraya kadar bütün hazırlıklar tamam. Şimdi javascript yazmaya başlayabiliriz...
JavaScript'te birçok kod ve fonksiyon var. Peki hangisini öğreneceğiz ?
tabii ki sırasıyla hepsini öğreneceğiz. Ama Öncelikle en basitleri ve aynı zamanda en çok kullanacağımız kodları öğrenmek en mantıklısıdır.
En baştan başlıyoruz ilk öğrenmeniz gereken: değişkenler(variables).

Değişken oluşturmak için var komutu kullanılır ve her değişkene bir isim verilmelidir.
Değişkenler isim alırken sayı ile başlayamaz ve soru işareti yıldız ( ? * ) gibi farklı semboller kullanamazsınız.
Eğer kullanırsanız çalışmayacak hata verecektir. Aynı zamanda Türkçe karakterde kullanılmaz.....

Örnek bir değişken oluşturalım:

var sayi1;

Kodun sonuna noktalı virgül ( ; ) koyduk bunun sebebi o satırın yani o kodun bittiğini söyledik eğer onu koymazsak diğer alt satıra geçip başka kodlar yazdığımızda hata vericektir. Bunu şöyle düşünün her cümlenin sonuna bir nokta koyulur. Buradada kodların sonuna noktalı virgül koyulur. Bunları kural haline getirinki alışkanlık olsun kod yazarken hata yapmayın.
Yanlış hatalı değişken oluşturmak:

var 1bir;
var şelam;

Doğru değişken oluşturmak:

var elma3;
var dOkUz;

Nasıl biz sıralama yaparken araya virgül koyuyoruz: "elma, armut, muz, çilek" gibi 1 den fazla değişken tanımlarkende aynı şekilden araya virgül koyabiliriz. Örneğin:

var sayi1, sayi2, sayi3, sayi4;

Değişken oluşturmayı öğrendik ama bu değişkenler ne işe yarıyor adları neden değişken ?
Anlatayım bunuda kısaca:
Her değişkene bir isim verilir ve bu değişkenin içine bir şey atanır örneğin sayı yada metin ve bu değer atandığı için ve istediği zamanda içindeki değer değiştiği için bunlara değişken adı verilir.
Değişkene bir şey atamak için = (eşittir) operatörü kullanılır. Örnek verirsek:

var sayi1 = 20;

var isim;
isim = "haci";

Yukarda 2. değişkende isim adında bir değişken oluşturduk ve buna haci adını atadık ama atarken çift tırnak (") içinde yazdık yazılım dillerinde metin (string) değer girerken çift tırnak içinde yazılır çünkü bunun tek açıklamalı mantığı var eğer çift tırnak koymasaydık, haci yi bir komut sanacaktı ve öyle bir komut olmadığı için hata verecekti mantıklı değil mi ?

Değişkenleri tekrar geri çağırıp kullanmak için isimlerini tekrar yazmanız yeterli olacaktır.
Örnek verirsek:

var aa = 1;
aa;

Yukarıda aa adında değişken oluşturduk ve buna 1 değerini atadık. Yani aa adlı değişkeni çağırdığımızda bize 1 cevabını verecektir.
Not: Eğer değişken oluştu ve o değişkenin içine bir şey atanmadıysa o değer boş olarak yani (undefined) olarak gözükür...