JavaScript Nedir?
JavaScript, Web belgerinin canlanması için kullanılan ideal bir dildir. Web Programlamada bahsedilen inşaat algoritması üzerinden bakarsak bir binanın tesisatını örnek verebiliriz. JavaScript sadece Web sayfalarında kullanılmakla birlikte Oyun yapmak, Uygulamalar oluşturmak, Yapay Zekalar (Botlar) yapmak için de kullanılır. JavaScript günümüzde tercih edilen popüler bir dildir. Bu güne kadar JavaScript ile yazılmış 74 tane kütüphane mevcuttur. Fakat bunların birçoğu zamanla geliştirilmediği için kullanılmamaktadır.
--------------------------------------------------------------------------------------------
JavaScript'in Tarihi
JavaScript, 1995 yılında Amerikan bağımsız bilgisayar hizmetleri şirketlerinden biri olan Netspace şirketinde çalışan Brandan Eich tarafından 10 günde oluşturulmuştur. İsimi birçok kez değişiklik göstermiştir. İlk ismi Mocha, Daha sonra Mona ve JavaScript olmadan önceki diğer adı ise LiveScript olarak kabul edilmiştir.
1996 yılında JavaScript resmi olarak ECMAScript adını aldmıştır, 1998’de ECMAScript2, 1999'da ise ECMAScript 3 olarak duyurulmuştur. Bu kadar fazla kaynak olması haliylen çok sorunu beraberinde getirdi. Farklı tarayıcılarda ve farklı cihazlarda çalışmaya başlaması bir sorun haline geldi.
JavaScript o günden bu güne kadar büyümeye devam etti ve 27 yıldırdır da web sitelerinde kullanılan popüler bir dil haline geldi.
--------------------------------------------------------------------------------------------
JavaScript ile Neler Yapabiliriz?
JavaScript ile Web sitelerinde uyarı kutuları oluşturmak, Nesnelere değerler vermek, Sitelerin düzenini sağlamak vb. işlerde kullanabiliriz. Yapı birimine baktığımızda JavaScript'in kolay bir yazılım dili olduğunu görebiliriz. Bu eğitim serisi içerisinde javaScript'i öğrenebilirsiniz.
--------------------------------------------------------------------------------------------
JavaScript Nasıl Kullanılır?
JavaScript HTML'de özel olarak kullanılabilir. JavaScript'in uzantısı ise .js olarak tanımlıdır. HTML sayfasına başka bir dosya olarak çağrılabilir veya HTML dosyasının içinde kullanılabilir.
JavaScript'i HTML'de başka dosya olarak sayfaya dahil etme işlemi <script src="dosya-adi.js"></script> tagları ile yapılır. Buradaki src methodu ile dosya yolu belli edilir.
--------------------------------------------------------------------------------------------
JavaScript'i HTML sayfası içerisinde kullanma işlemini ise src olmadan <script> // JavaScript Kodları </script> tagları arasına kodlar gelecek şekilde yapabiliriz.
JavaScript, Web belgerinin canlanması için kullanılan ideal bir dildir. Web Programlamada bahsedilen inşaat algoritması üzerinden bakarsak bir binanın tesisatını örnek verebiliriz. JavaScript sadece Web sayfalarında kullanılmakla birlikte Oyun yapmak, Uygulamalar oluşturmak, Yapay Zekalar (Botlar) yapmak için de kullanılır. JavaScript günümüzde tercih edilen popüler bir dildir. Bu güne kadar JavaScript ile yazılmış 74 tane kütüphane mevcuttur. Fakat bunların birçoğu zamanla geliştirilmediği için kullanılmamaktadır.
--------------------------------------------------------------------------------------------
JavaScript'in Tarihi
JavaScript, 1995 yılında Amerikan bağımsız bilgisayar hizmetleri şirketlerinden biri olan Netspace şirketinde çalışan Brandan Eich tarafından 10 günde oluşturulmuştur. İsimi birçok kez değişiklik göstermiştir. İlk ismi Mocha, Daha sonra Mona ve JavaScript olmadan önceki diğer adı ise LiveScript olarak kabul edilmiştir.
1996 yılında JavaScript resmi olarak ECMAScript adını aldmıştır, 1998’de ECMAScript2, 1999'da ise ECMAScript 3 olarak duyurulmuştur. Bu kadar fazla kaynak olması haliylen çok sorunu beraberinde getirdi. Farklı tarayıcılarda ve farklı cihazlarda çalışmaya başlaması bir sorun haline geldi.
JavaScript o günden bu güne kadar büyümeye devam etti ve 27 yıldırdır da web sitelerinde kullanılan popüler bir dil haline geldi.
--------------------------------------------------------------------------------------------
JavaScript ile Neler Yapabiliriz?
JavaScript ile Web sitelerinde uyarı kutuları oluşturmak, Nesnelere değerler vermek, Sitelerin düzenini sağlamak vb. işlerde kullanabiliriz. Yapı birimine baktığımızda JavaScript'in kolay bir yazılım dili olduğunu görebiliriz. Bu eğitim serisi içerisinde javaScript'i öğrenebilirsiniz.
--------------------------------------------------------------------------------------------
JavaScript Nasıl Kullanılır?
JavaScript HTML'de özel olarak kullanılabilir. JavaScript'in uzantısı ise .js olarak tanımlıdır. HTML sayfasına başka bir dosya olarak çağrılabilir veya HTML dosyasının içinde kullanılabilir.
JavaScript'i HTML'de başka dosya olarak sayfaya dahil etme işlemi <script src="dosya-adi.js"></script> tagları ile yapılır. Buradaki src methodu ile dosya yolu belli edilir.
HTML:
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<!-- HTML kodları -->
<script src="merhaba.js"></script> <!-- JavaScripti dışarıdan HTML'e dahil etme -->
</body>
</html>--------------------------------------------------------------------------------------------
JavaScript'i HTML sayfası içerisinde kullanma işlemini ise src olmadan <script> // JavaScript Kodları </script> tagları arasına kodlar gelecek şekilde yapabiliriz.
HTML:
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<!-- HTML kodları -->
<p>JavaScript Öğreniyoruz...</p>
<script>
alert("Merhaba Dünya"); // JavaScript Kodu
</script>
</body>
</html>--------------------------------------------------------------------------------------------
JavaScript Değişkenleri
JavaScript değişkenleri, kodlama yaparken verilerimizi veya kodlarımızı tutan, İşlem yapılacağı zaman kodlar vasıtası ile çağrılıp yapacağımız işlemi hızlandıran methodlardır. Bunlar genel olarak var anahtar kelimesi ile gösterilir. Örnek ile gösterirsek.
Değişken isimleri ( - , $, & ) vb. semboller ile oluşturulamaz. Kullanılacaksa ( _ ) ile kullanılmalıdır. Değişken isimleri başında sayı ile başlayamaz fakat sonunda sayı ile bitebilir. Değişken isimleri Türkçe karakter (ç, ğ, ö, ş,) içermemelidir. Yoksa hata alabilirsiniz.
JavaScript'te birden fazla değişken tanımlanabilir. Tanımlamak için tek tek yazılabilir veya değişken daha önceden belirtilip sonradan değer alabilir.
Üsteki yöntem kimi zaman uzun olabiliyor. Bunun için JavaScript değişkenlerini tek bir değişkende biriktirebilirim. Daha sonradan değişkenlere değerler verebilirim.
JavaScript Değişkeni Türleri
JavaScript Değişkenleri
JavaScript değişkenleri, kodlama yaparken verilerimizi veya kodlarımızı tutan, İşlem yapılacağı zaman kodlar vasıtası ile çağrılıp yapacağımız işlemi hızlandıran methodlardır. Bunlar genel olarak var anahtar kelimesi ile gösterilir. Örnek ile gösterirsek.
JavaScript:
var degisken_ismi = "Değişkene Vereceğiniz Değer";JavaScript'te birden fazla değişken tanımlanabilir. Tanımlamak için tek tek yazılabilir veya değişken daha önceden belirtilip sonradan değer alabilir.
JavaScript:
var konu = "JavaScript'e Giriş";
var yazan = "The VODKA";
var yayın = "TurkHackTeam";
JavaScript:
var konu, yazan, yayin;
konu = "javaScript'e Giriş";
yazan = "The VODKA";
yayin = "TurkhackTeam";JavaScript Değişkeni Türleri
- Değişkenler string, boolean, number, NaN, Undefined, null türlerini alabilir.
String: ("") , ('') Tırnaklar ile ifade edilir. İçerisinde belirtilen değer yazı niteliği taşımaktadır. Stringler ile matematik işlemi yapamazsınız.
JavaScript:
var yazi = "Bu bir string örneğidir";
var yazi2 = 'Bu da bir string örneğidir';- Boolean: içerisinde True ve False değerleri belirtilmiş niteliklerdir. True doğru, false yanlış değerini döndürür.
JavaScript:
var dogru = true;
var yanlis = false;
var islem = 10 < 5;
// ÇIKTI: False
var islem2 = 10 > 5;
// ÇIKTI: True- Number: Sayılardan oluşan değerlerdir. Değerler sayı olmalıdır ve String içermemelidir. İşlem yapılırken kullanılır.
JavaScript:
var sayi = 10; // Number
var sayi2 = 20; // Number
var sayi3 = "20"; // String
var islem = 10 + 20; // Number
// ÇIKTI: 30
var islem2 = "10 + 20"; // String
// ÇIKTI: 10 + 20- NaN: Tanımsızlık anlamına gelir. Tanımsız bir sayı, Tanımsız değerleri belirtir. Çıktı olarak NaN sonucunu döndürür.
JavaScript:
var islem = 0 / 0; // 0, 0'a bölünmez.
// ÇIKTI: NaN
var islem2 = 1 / 1; // 1, 1 ile bölünebilir.
// ÇIKTI: 1;
- Undefined: Tanımlanmamış veya tanımlanmış ama değer atanmamış değişkenlerin tipi undefined'tır. undefined tipindeki bir değişkeni ekrana yazmamız durumunda çıktı olarak "undefined" yazısını alırsınız. undefined değişkenler bellekte yer kaplamazlar.
- Null: Bir değişkenin var olduğunu ve bellekte yer kapladığını ama değişkenin içinin "boş" olduğunu belirtir.
JavaScript:
var yazi = ""; // İçerisinde bir değer olmadığı için "Null" (Boş) olarak sayılacaktır.-----------------------------------------------------------------------------------
Değişkenlerde Bilinmesi Gereklenler
Yazıları ayırmak: Yazıları ayırmak veya birleştirmek için (+) sembolünü kullanırız. Sayıları ayırmak istersek ise String değerleri içerisinde belirtilmelidir.
Değişkenlerde Bilinmesi Gereklenler
Yazıları ayırmak: Yazıları ayırmak veya birleştirmek için (+) sembolünü kullanırız. Sayıları ayırmak istersek ise String değerleri içerisinde belirtilmelidir.
JavaScript:
var yazi = "Hello World";
// ÇIKTI: Hello World
var yazi = "hello" + "World";
// ÇIKTI: HelloWorld
var yazi = "Hello" + " " + "World"
// ÇIKTI: Hello World
JavaScript:
var islem = 10 + 2;
// ÇIKTI: 12
var islem = "10 + 2";
// ÇIKTI: 10 + 2
var islem = "10" + "2";
// ÇIKTI: 102
JavaScript:
var yazi = " 'Merhaba THT' ";
// ÇIKTI: 'Merhaba THT'
var yazi = ' "Merhaba THT" ';
// ÇIKTI: "Merhaba THT"
var yazi = "Ben Türkiye'de yaşıyorum";
// ÇIKTI: Ben Türkiye'de yaşıyorum
var yazi = "THT" + 2;
// ÇIKTI: THT2Ekran Kayıt Programım Hata Verdiği İçin Forumda Resim Kullanamadım. Çok Özür Dilerim Bu konu Hakkında.
