Javascript Başlangıç
(Web Dersleri 5- Javascript ile merhaba dünya)

Javascript tarayıcı tarafında çalışan bir programlama türüdür. Server (alan adını yayınlayan makina) tarafında (sunucuda) saklanır. Ziyaretçi istediğinde ona web sayfası içinde yada .js uzantısı ile gönderilir. Javascript kodu çalışmasını ziyaretçinin tarayıcısında gerçekleştirir. Öğrenmek için çok fazla meteryal vardır. Derlenmez; programcının oluşturduğu js kod sunucudan ziyaretçiye olduğu gibi gider.

javascript kodlarımızı <script> etiketten sonra yazmaya başlarız. Yazacaklarımız bitince de </script> şeklinde etiketi bitiririz.

Aşağıdaki kod tarayıcıda merhaba dünya! yazacaktır. Biz bunu html olarak değil de javascript ile dolaylı olarak yazdıracağız. Daha önce sizinle (HTML'ye giriş dersinden sonraki web dersimizde) body etiketi içinde html olarak yazmıştık.

Hadi şimdi kodu alıp notepad ile kendi bilgisayarınıza kaydedin. Bunun için 2. dersimizi hatırlayın lütfen. Textarea içindeki html kodunu kopyalayıp merhaba-js.html diye kayıt yapabilirsiniz. Yada dosya ismini siz belirleyin ama uzantısı html olsun (*.html)

Değişken Nedir?

Benzetmeler öğrenmek için kolaylık sağlar; Mutfakta sağanlık ve dolaplardaki kaplar ne ise web yazılım uzmanlığında da değişkenler odur.

Mutfaktaki yiyecekler birer değerdir. Bilgisayardaki bilgiler de birer değerdirler. Kapların farklılığı yiyeceğin katı mı sıvı mı olduğuna göre değişir.

Bir sürahi de kaptır; Sürahinin içindeki suyu dökmeden üzerine su ilave etmek mümkündür. Bunun bilgisayar programında karşılığı (javascript):
var x; x = x + " su ilavesi ";
veya (farklı yazım aynı sonuç)
var x; x += " su ilavesi ";
şeklindedir.

Javascript ile HTML Oluşturmayı Öğrenmek

Gelin sizinle merhaba.html dosyamızı javascript ile yapalım. Bunun için bir birkaç değişken tanımlayacağız. Aşağıdaki kodda html_kodu değişkenin içi boştur. BAKIN BOŞLUK KARAKTERİ DAHİ YOK BOMBOŞ.

html_kodu = "<!DOCTYPE html>";
html_kodu += "<html><head>";
html_kodu += "<title>Merhaba Dünya!</title>";
html_kodu += "</head>";
html_kodu += "<body>";

html_kodu_2 = "</body></html>";

paragraf_1 = "<p> Bugün gözlerimi dünyaya HTML bilmeyen biri olarak açtım. Giriş yapıp HTML'yi öğrenmeye ardında da CSS ile sayfaları biçimlendirmeye karar verdim.</p>";

paragraf_2 = "<p> Bu ikisini öğrenirken web tarayıcılarını, alan adı, sunucu ve W3C da neymiş onları öğreneceğim. Profesyönel olmasa bile basit bi tasarım ve resim düzenlemesi öğrensem yeter bana. </p>";

paragraf_3 = "<p>Bu öğrendiklerim programcılık basamağına yükselmemi sağlayacak. Javascript ile istemci (tarayıcı) taraflı programlamayı öğrenmekle başlayacağım. Ardında sunucu taraflı web yazılımı öğrenmek istiyorum. Bu esnada SQL ve veritabanlarını da öğrendikten sonra çok güzel web tabanlı uygulamalar geliştirebilirim.";

document.write (html_kodu + paragraf_1 + paragraf_2 + paragraf_3 + html_kodu_2);
</script>

Progamcı şunu bilmelidir: Boşluk da su gibi bir değer ifade eder. Boşluk karakterini hava olarak düşünebilirsiniz. Burayı okurken siz kelimeler arasındaki boşlukları birer harf olarak görmeseniz de bilgisayar onları da bir karakter olaaarak görür. Siz 3 tane a harfi gördünüz aynı sizin gördüğünüz gibi 3 boşluğu bilgisayar 3 karakter olarak görecektir.

Her bir satırı öğrenmek öncelikli değildir. Önce bilinçaltınız bu işin olduğunu görmeli ve inanmalı. O yüzden kodları anlamaya çalışmadan şunu yapın lütfen: Bu yukarıdaki textarea daki kodu kopyala-yapıştır ile kendi bilgisayarınıza kaydedin. Daha sonra da Firefox yada hangi tarayıcı kullanıyorsanız onunla birlikte açın.

Kodu kafanızda çalıştırmayı deneyin. Yani tarayıcının size oluşturduğu görüntüye bakarken bir yandan da javascript kodunu inceleyin.

Eğer dosyayı oluşturmada sorun yaşadıysanız: merhaba dünya konulu web dersleri 2 de detaylı anlatmıştım. Bir de nasıl eğlenceli yapabilirim bu web derslerini lütfen bana yaz; 2. paragrafa tıkla bakalım ne değişecek :)

Bu sayfanın TEKİL ziyaretçisi: 355

Web Ana Sayfa
Bu sayfa İsmail PALA tarafından 4.4.2022 tarihinde hazırlanıp yayına alınmıştır. Copyright

Javascript Başlangıç(Web Dersleri 5- Javascript ile merhaba dünya)

Değişken Nedir?

Javascript ile HTML Oluşturmayı Öğrenmek

Javascript Başlangıç
(Web Dersleri 5- Javascript ile merhaba dünya)