Anasayfa / JavaScript / JavaScript Dersleri 1 : JavaScript’e Giriş

JavaScript Dersleri 1 : JavaScript’e Giriş

Merhaba. Eğitim serisine yeni bir kategoriden devam ediyorum. Bu yazı dizisinde Javascript‘i anlatacağım. Her zamanki gibi kodları kopyala yapıştır yapmak yerine, kodları aynen yazıp elinizin alışması için resimlerle anlatmaya çalışacağım. Yararlı olma temennisiyle vakit kaybetmeden başlıyorum. JavaScript Nedir ?

JavaScript Nedir ? 

Javascript, Netscape firması tarafından geliştirilmiştir. İsminden dolayı java‘ya yakın gibi görünse de birbirlerine uzaktırlar. Javascript, programlama dilinden ziyade bir script dilidir.

Html sayfalarının içine yazılarak, sayfayı daha etkileşimli hale getirir. Örneğin click olayları, uyarı mesajları gibi hareketlerle sayfayı daha dinamik hale getirir. Javascript olmadan yazılan html sayfalarıyla yapılabilecekler sınırlıdır.

Web developer olmak isteyenler için öğrenilmesi gereken bir scripttir. Tabiki bundan önce iyi bir html-css bilgisi olması gerekir. Html-css ikilisi için 2 gününüzü ayırmak yeterli olacaktır diye düşünüyorum. İnternette anlatımı iyi olan birçok html-css eğitimleri mevcuttur.

Html dersleri için burayı tıklayın

Css dersleri için burayı tıklayın

Javascript kodları <script>…</script> etiketleri arasına yazılırlar. Html sayfası içinde ise <body> etiketinin arasına gömülürler. Yerine göre <head> etiketinden sonra da yazılabilir.

Kısa bir giriş bilgisinden sonra şimdi basit bir örnekle bitirelim.

1) İlk olarak temel html kodları üzerinden gidelim.

javascript dersleri

Notepad++ ya da notepad programını açın ve yukarıdaki kodları yazın. Sol üst köşeden Dosya -> Farklı Kaydet seçeneğini seçin ve uzantısını .html olacak şekilde kaydedin. Örneğin deneme.html

Bu .html uzantılı sayfamıza sağ tıklayıp tarayıcıda açtığımızda boş bir sayfa gelecektir. Çünkü body kısmına birşey yazmadık. Body kısmında, sayfamızda görünmesini istediğimiz şeyleri yazarız. Head etiketleri arasına ise sayfamızın başlığını, import işlemlerini vs. yaparız.

2) Şimdi javascript kodlarımızı nasıl kullanacağımız görelim. Biraz önceki düz html sayfasıydı.

javascript dersleri

Body etiketlerimizin arasına <script> etiketlerini yazdık ve sonunda da </script> ile kapadık. Bu <script> etiketlerinin arasına javascript kodlarımızı yazarız. Ben burda ekrana yazdırma işlemi yaptım. Javascriptte ekrana yazdırma işlemi document.write() ile yazdırılır.

<script> etiketinin içine type=”text/javascript” özelliğini ekledik. Burada javascriptin kullanıldığını belirttik. Ayrıca head kısmında <meta charset=’utf-8′> etiketini yazmamızın sebebi ise türkçe karakter sıkıntısı yaşamamız için.

Kodumuzu yazdıktan sonra kaydedip, html uzantılı sayfayı tekrar çalıştırırsak (sayfa yenileme de yapılabilir) aşağıdaki çıktıyı elde ederiz. 

javascript dersleri

İlk derste javascripte kısa bir giriş yaptık. Diğer derslerde görüşmek üzere

Hakkında Mehmet Kirazlı

İstanbul Eyüp'te ikamet ediyorum. Giresun Alucra'lıyım. Bilgisayar Mühendisi bölümünden 2013 yılında mezun oldum. "Yeni Başlayanlar için Java 8" kitabının yazarıyım. Şuanda özel bir firmada Mobil Yazılım Geliştirme Uzmanı olarak çalışıyorum.

İlginizi Çekebilir

javascript dersleri

JavaScript Dersleri 2 : Değişkenler

Merhaba. Javascript’e giriş yazısından sonra en temel şeylerden devam ediyorum. Bu yazıda Javascript’te değişkenler konusunu anlatacağım.

2 Yorumlar

  1. Aşağıda basit bir html kodu var.
    Seri port ile haberleşme yapabilmek için bunun içine nasıl bir javascript kodu yazabiliriz?
    İnternette fazla örnek bulamadım.
    Bulduklarım da çalışmadı.

    seriport

    Seri Port Kullanımı:

    Seri Porta Gönderilecek Veri……:

    Seri Porttan Gelen Veri……………:

    Gönder

  2. bakalım çalışcak mı
    😀

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir