Muhammet Sinan KORKUT
Yazılım Geliştirme UzmanıWeb Uygulamaları, Masaüstü Yazılımlar ve Grafik Tasarım Alanında Sizlere Yardımcı Olabilirim.
Javascript Dosyası Oluşturma ve İlk Mesaj - Merhaba Dünya
Javascript Dosyası Oluşturma ve İlk Mesaj - Merhaba Dünya Web geliştirme dünyasına ilk adımı atan biri için, JavaScript dosyası oluşturmak ve tarayıcıya küçük bir mesaj göndermek oldukça öğretici bir başlangıçtır.
Bu basit ama etkili uygulama sayesinde, hem temel sözdizimini tanımaya başlanır hem de yazdığın kodların tarayıcıda nasıl çalıştığını gözlemleme fırsatı yakalanır.
Javascript dosyası oluşturma ve ilk mesaj, öğrenme sürecinde işin mutfağını görmenin ilk kapısıdır.
1. Dosyaları Oluşturma Öncelikle bilgisayarınızda bir klasör oluşturun.
Örneğin, ilk-proje adını verin. Bu klasörün içerisine iki dosya oluşturacağız:
index.html
script.js
Bu işlem, Javascript dosyası oluşturma ve ilk mesaj konumuzun girişidir. .js uzantılı dosya JavaScript kodlarını içerecek, .html ise tarayıcıda görüntülenen yapıyı oluşturacaktır.
2. HTML Dosyasını Yazma
Aşağıda örnek bir HTML dosyası yer alıyor. Dikkat ederseniz bölümünde JavaScript dosyamızı bağlıyoruz:
<html lang="en">
<head>
<title>Document</title>
<script src="script.js"></script>
</head>
<body>
</body>
</html>
İşte bu satır:
Bu komut, tarayıcıya “aynı klasörde bulunan script.js dosyasını al ve bu sayfada çalıştır” demektir. Javascript dosyası oluşturma ve ilk mesaj sürecinde bu bağlantı zorunludur, yoksa kodlar çalışmaz.
3. JavaScript Dosyasını Yazma
Şimdi script.js dosyasını açın ve içine şu satırları yazın
alert("Merhaba! Javascript dosyan başarıyla çalıştı.");
console.log("Javascript dosyası oluşturma ve ilk mesaj tamamlandı.");
İlk satır kullanıcıya ekranda bir uyarı kutusu gösterir, ikinci satır ise geliştirici konsoluna mesaj gönderir. Bu iki komut sayesinde hem görsel hem de teknik olarak çıktıyı test edebilirsiniz.
4. Sonuç ve Test
Tarayıcınızda index.html dosyasını açtığınızda: Bir alert penceresi ile “Merhaba” mesajını görürsünüz. Geliştirici konsoluna ulaşmak için F12 tuşuna basarak caçılan ekranda console sekmesine tıklayabilirsiniz. Tüm bu adımları uyguladığınızda, tarayıcıyla ilk başarılı etkileşimi kurmuş olursunuz.
Artık JavaScript’in nasıl çalıştığını yerinde görerek öğrenmiş oldunuz. Bu temel bilgiyi edindikten sonra, daha gelişmiş işlevlere ve etkileşimli yapılara geçiş yapmak çok daha anlaşılır ve keyifli olacaktır. Sonuç olarak, Javascript dosyası oluşturma ve ilk mesaj yalnızca basit bir uyarı yazmak değildir.
Dosya yapısını anlamak, entegrasyon kurmak ve temel çıktıları görmek, web geliştirme yolculuğunuzda sağlam bir temel oluşturur. Bu aşamaları yaptıktan sonra siz de Javascript dosyası oluşturma ve ilk mesaj konusunuda birşeyler öğrendiniz demektir. Bir sonraki yazı da görüşmek üzere.