Mr. right

JavaScript Hakkında Ordan Burdan

Şinasi's photo
Şinasi
·

3 min read

Javascript static olan Web sayfalarımızın dinamik olarak çalışması amaçlı geliştirilmiş bir frameworkdur.Günümüzde çok populer hale gelmiş çokca Library bulunan geliştirme platformu olmuştur.Diger frameworklara göre biraz farklı olsada(aslında sadece yapısal yaklaşımları farklı ama bu fark ES6 ile kapatılıyor) syntax diger framework yapılarıyla çok benzerdir ve pek cok işlem için hazır fonksiyonları bulunmaktadır. Javascript yaşayabilecegi evren Tarayıcılardır her ne kadar electron library gibi desktop uygulamalar yazılabiliyor olsada temelinde web tarayıcıları vardır. Javascript kodları istenirse dahili yani Html içerisine istenirse harici js dosyası içine yazılabilir

  • Dahili kullanım için
<html> <script>
let merhaba=( )=>{
console.log("Hello World"); }
 </script></html>

js kodları html tagı hemen kapatılmadan önce yazılmasındaki amaç performans kaynaklıdır

  • Harici Kullanım içinse harici js dosyamızın yolunu yine tagından önce yazarak belirtiyoruz
<hmtl>
<script src="./js/indexjs" ></script>
</html>

Html4 script tagını kullanırken type attribute belirtme zorunlulugu vardı ancak bu Html5 ortadan kalktı

Dikkat edilmesi gerekn bir noktada src attribute tanımlandıktan sonra script tagları arasına js kodları yazılamaz.Tanımlama sırasında harici bir dosyadan veriler çekilecegini belirttigimiz için hata verecektir

//Hatalı yazımdan dolayı çalışmaz
<script src="./js/index.js"> alert("hello world"); </script>

bazı durumlarda js dosyalarımız uzak sunucudan cekmek isteyebiliriz bunun için aynı işlem yapılır ancak tek farkla src attribute alanına yazılan dosya adresi farklıdır

 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>

Kural olarak en basit JavaScript kodları doğrudan HTML içerisine yazılır. Daha karmaşık olanlar farklı dosyalarda taşınır.

Ayrı dosyalarda taşınmasının bir diğer güzel yanı tarayıcıların bu dosyaları indirip ön belleğe almasıdır.[cache] tr.wikipedia.org/wiki/Web_%C3%B6nbelle%C4%9Fi).

Bu olaydan sonra eğer bu kod dosyaları değişmediyse daha sonraki sayfa gösterimlerinde o dosyaları tekrar indirmeyecektir. Yani kod dosyaları sadece bir defa indirilecektir. Bu da web sayfasının veri trafiğinin daha az olmasını ve sayfanın daha hızlı gösterilmesini sağlar

JavaScript