javascript öğren arşivleri - Mehmet Kirazlı https://www.mehmetkirazli.com/tag/javascript-ogren/ Yazılımcı Notları Sun, 08 Apr 2018 04:52:29 +0000 tr hourly 1 https://wordpress.org/?v=6.1.10 https://www.mehmetkirazli.com/wp-content/uploads/2018/04/mehmetkirazlilogo.png javascript öğren arşivleri - Mehmet Kirazlı https://www.mehmetkirazli.com/tag/javascript-ogren/ 32 32 JavaScript Dersleri 1 : JavaScript’e Giriş – JavaScript Nedir ? https://www.mehmetkirazli.com/javascript-dersleri-1-javascripte-giris/ https://www.mehmetkirazli.com/javascript-dersleri-1-javascripte-giris/#comments Sat, 08 Feb 2014 10:32:21 +0000 http://www.mehmetkirazli.com/?p=1774 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 …

The post JavaScript Dersleri 1 : JavaScript’e Giriş – JavaScript Nedir ? appeared first on Mehmet Kirazlı.

]]> 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

The post JavaScript Dersleri 1 : JavaScript’e Giriş – JavaScript Nedir ? appeared first on Mehmet Kirazlı.

]]> https://www.mehmetkirazli.com/javascript-dersleri-1-javascripte-giris/feed/ 3