Merhabalar. Javascript eğitimlerimiz boyunca Visual Studio Code editörünü kullanacağız.

Bu editörü indirip kurabilirsiniz. Bununla alakalı kurulum yazımızı sayfa içinde bulabilirsiniz.

Şimdi ilk Javascript projemizi oluşturalım ve bir script yazalım.

JavascriptTutorial isminde bir klasör oluşturdum. Bu klasörü VS Code üzerinde açtım. İçinede Index.html isimli bir dosya oluşturdum.

Script kodlarını istersek head etiketleri arasına yazabiliriz. Şu şekilde tanımlamamız gerekir.

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <title>JavaScript Tutorial</title>

    <script language="javascript">
      document.write("<h1>JavaScript Tutorial</h1>");
    </script>

  </head>

  <body>

    <h1>JavaScript Tutorial</h1>
    
  </body>
</html>
 <script language="javascript">
      document.write("<h1>JavaScript Tutorial</h1>");
 </script>

Bu şekilde bütün Scriptlerimizi yazabiliriz.

Ama bunu bir kodlama standartı olarak doğru bir yaklaşım olarak bulmuyoruz.

O yüzden script kodlarımızı bütün html kodlarımızın altına body bitiş etiketinin hemen üzerine yazmak en mantıklı olanı. Çünkü kodlar yukarıdan aşağıya doğru okunurlar ve Javascript kodları bütün sayfa iskeleti oluştuktan sonra çalıştırılması mantıklı olacaktır.

O yüzden script kodlarımızı eğer Html dosyası içinde yazılacaksa şöyle yazmalıyız.

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <title>JavaScript Tutorial</title>
  </head>

  <body>
    <h1>JavaScript Tutorial</h1>

    <script language="javascript">
      document.write("<h1>JavaScript Tutorial</h1>");
    </script>
    
  </body>
</html>

Böylelikle ilk Script kodlarımızı yazmış olduk. 

Yazdığımız koda bir sonraki yazılarımızda değineceğiz.

Şimdi oluşturduğumuz dosyayı bir tarayıcıda açalım.

 

Bir sonraki yazımızda devam ediyor olacağız.


muratbilginer