JavaScript Dersleri (2) – JavaScript Kullanımı Kural ve Yöntemleri

JavaScript Kodlarını Tanıtma ve Konumlandırma

JavaScript kodları bir önceki derste de belirtmiş olduğum gibi <script></script> kodları arasına yazılır.

JavaScript Dersleri

 

Kodların Html içinde çalışması için üç farklı yol ile konumlandırma yapılır.

Birinci Yöntem: Head Etiketleri Arası Kullanım

Kodların çalışmasını istediğimiz web sayfasına ait <head> … </head>etiketleri arasına yazılarak kullanılabilir. Ancak sayfa yüklenmeden kodlar derleneceği için sayfanın açılma hızını olumsuz etkileyebilir ve web sayfası dosya boyutunu da yükseltecektir.

JavaScript Dersleri

 

İkinci Yöntem: Body Etiketleri Arası Kullanım

JavaScript kodlarını <body> … </body> etiketleri arasında yazarak da kullanabiliriz. Bu durumda sayfa yüklendikten sonra kodlar derlenecektir. Eğer sayfa içinde küçük kullanımlar gerçekleşecekse bu yöntem tercih edilebilir. Aksi takdirde sayfa boyutunu birinci yöntemde olduğu gibi yükseltecek olup okunabilirliği ve kodun bulunabilirliğini güçleştirecektir.

JavaScript Dersleri

 

Üçüncü Yöntem: Harici Dosya ile Kullanım

JavaScript kullanımı için üçüncü ve doğru olduğunu düşündüğüm yöntem, .js uzantılı harici bir dosyanın ilgili web sayfasına import edilerek kullanılmasıdır.

Bu yöntemde JavaScript kodları harici bir dosya içinde bulunurken html dosyasının sonuna eklenecek olan <script src=”main.js”></script> etiketleri ile harici JavaScript dosyası import edilmiş olacaktır. Sona eklenmesi önemle tavsiye edilir. Çünkü <head> …. </head> etiketleri arasına yada <body> … </body> etiketlerinin arasında en başlarda yazılması sayfanın yüklenme sürecini yavaşlatacak olup site ziyaretçisinin kötü bir ekran ile karşılaşmasına sebep olabilir.

 

JavaScript Yazım Kuralları

İsimlendirme:
Her yazılım dilinde olduğu gibi javaScript için de bazı yazım kuralları mevcuttur. İlk olarak büyük/küçük harf duyarlı bir dildir. Değişkenler, fonksiyonlar vb nesneler oluşturulurken şu maddelere dikkat edilmelidir.

  • Sayı ile başlayamazlar.
  • Kelimeler ve/veya harfler arası boşluk kullanılamaz.
  • Boşluk yerine _ (alt çizgi) kullanılabilir.
  • Türkçe karakterler kullanılabilir ancak global dilin İngilizce olduğunu düşünürsek herhangi bir problem yaşamamak adına Türkçe karakterleri kullanılmaması tavsiye edilmektedir.
  • Büyük/Küçük harf duyarlıdır. Yani yazilim ile Yazilim aynı değişken ya da fonksiyon olmayacaktır.
  • JavaScript’in kendine ait olan fonksiyon, modül isimleri gibi rezerve kelimler vardır ve bunlar önceden tanımlı oldukları için değişken ve/veya fonksiyon ismi olarak kullanılamaz. Bunlar şöyledir;
abstract arguments await* boolean
break byte case catch
char class* const continue
debugger default delete do
double else enum* eval
export* extends* false final
finally float for function
goto if implements import*
in instanceof int interface
let* long native new
null package private protected
public return short static
super* switch synchronized this
throw throws transient true
try typeof var void
volatile while with yield

 

Yorum Kodları:

Yazdığınız JavaScipt kodları ile ilgili diğer yazılımcılar için veya kendiniz için yorum satırları ekleyebilirsiniz. Tek satırlık yorumlar için // simgesi kullanılabilir. Çok satırlı yorumlar ise ilgili /* */ simgeleri arasına yazılabilir.

<script>
// Bu ifadeler tek satırlık açıklama için kullanılır.
</script>
<script>
/*
Bu İfadeler ise
İstenildiği Kadar
Açıklama Satırı Oluşturmak için
Kullanılır
*/
</script>

 

Ücretsiz olarak paylaşacağım “JavaScript Dersleri” eğitim serisini hem Youtube kanalımdan hem de buradan takip edebilirsiniz. Bir sonraki “Değişken Tanımlama ve Değişken Türleri” isimli konumuzu en kısa sürede sizle paylaşıyor olacağım.

“JavaScript ile Ekranınız Hareketlenir” mottosu ile bir sonraki paylaşımda görüşmek üzere.

Güncel yazılarım hakkında bildirim almak için Haber Bültenine Kayıt olmayı unutmayın.

 

JavaScript Dersleri (2) – JavaScript Kullanımı Kural ve Yöntemleri” için 1 yorum

  1. Pingback: JavaScript Dersleri (1) - JavaScript Nedir? - Kapa Web Tasarım

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir