Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Fehmi Uyar tarafından sunulan JavaScript eğitim setinin 5. dersidir. Fehmi Uyar, nokta net editörü olarak kendini tanıtmaktadır.
- Videoda JavaScript'in temel konuları ele alınmaktadır. İlk bölümde script dosyalarının body'nin altına yerleştirilmesinin görüntüleme hızını artırdığı, type attribute'ın artık gerekli olmadığı ve JavaScript'in HTML'de varsayılan betik dil haline geldiği anlatılmaktadır. İkinci bölümde ise harici JavaScript dosyalarının nasıl oluşturulacağı, "message.js" adlı bir dosya üzerinden fonksiyonların nasıl tanımlanacağı ve çağrılacağı örneklerle gösterilmektedir.
- Videoda ayrıca harici JavaScript dosyalarının avantajları arasında HTML ile JavaScript'in ayrılması, kodun okunabilirliğini artırma, bakım kolaylığı ve önbellekleme ile sayfa yükleme hızını artırma gibi konular da ele alınmaktadır.
- JavaScript Eğitim Seti Tanıtımı
- Fehmi Uyar, JavaScript eğitim setinin beşinci dersinde bulunuyor.
- Geçen derslerde JavaScript'in ne işe yaradığını, ne olduğunu ve nasıl kullanılacağını anlatmış.
- Bu videodan itibaren JavaScript eğitim seti asıl başlıyor.
- 00:36JavaScript Performans Optimizasyonu
- Komut dosyaları (script) body'nin altına yerleştirildiğinde görüntüleme hızı artar.
- Script dosyaları head tagleri arasına yazıldığında, sitenin önce script dosyalarını okuması gerektiğinden yavaş açılır.
- Body'nin kapanmadan hemen önce script dosyalarını yerleştirmek, kullanıcıyı rahatsız etmeden hızlı bir açılma sağlar.
- 02:18JavaScript Kodunun Yerleştirilmesi
- HTML'de JavaScript kodu script etiketlerinin arasına eklenmelidir.
- Eskiden script etiketine type="text/javascript" özelliği eklenmesi gerekiyordu, ancak yeni tarayıcılarda artık gerekli değildir.
- JavaScript, HTML'de varsayılan betik dil haline gelmiştir.
- 03:15JavaScript Fonksiyonları
- JavaScript fonksiyonu çağrıldığında yürütülebilen bir kod bloğu oluşturur.
- Fonksiyon tanımlamak için "function" anahtar kelimesi kullanılır ve ardından fonksiyon ismi belirlenir.
- Türkçe isim de kullanılabilir ancak Türkçe karakterler kullanılmamalıdır, İngilizce isim önerilir.
- 04:11Fonksiyonların Kullanımı
- Bir fonksiyon birden fazla satırlık kod bloğu oluşturabilir.
- Fonksiyonlar, dağınık kodları düzenli ve anlaşılır hale getirir.
- Birden fazla script etiketi kullanılabilir ve her biri farklı kod blokları içerebilir.
- 07:04Script Yerleştirme Konuları
- Script komutları body veya head bölümüne, ya da her ikisine birden yerleştirilebilir.
- Body'nin altına yerleştirildiğinde görüntüleme hızı artar.
- Script kodları harici dosyalara da yerleştirilebilir.
- 08:15Kod Çalıştırma Sırası
- Head taglerinin arasına yerleştirilen script kodları, belirtilen element henüz oluşturulmadan çalıştırıldığında hata verebilir.
- Document.getElementById("result") gibi işlemler, elementin oluşturulduktan sonra (body'nin kapanma etiketinden önce) çalıştırılmalıdır.
- Fonksiyonlar doğru şekilde açılıp kapatılmalıdır, aksi takdirde hata oluşabilir.
- 09:56JavaScript Çalışma Mantığı
- JavaScript kodları body etiketinin üst kısmında çalışırken, head etiketleri arasında çalışmamaktadır çünkü tarayıcı yukarıdan aşağıya doğru değerleme yapar.
- JavaScript komut dosyaları harici dosyalara da yerleştirilebilir.
- 10:40Harici JavaScript Dosyalarının Kullanımı
- JavaScript fonksiyonları harici dosyalara taşınabilir ve HTML dosyasında <script> etiketi ile çağrılabilir.
- Harici JavaScript dosyaları, HTML ve JavaScript kodlarını ayırmak için kullanılır ve kodun okunurluluğunu artırır.
- JavaScript dosyalarına anlamlı isimler vermek önemlidir, örneğin mesajları veren fonksiyonlar için "message.js" gibi isimlendirilebilir.
- 15:56Harici JavaScript Dosyalarının Avantajları
- Harici JavaScript dosyaları HTML ile karışıklığı ayırır ve kodların bakımı daha kolay hale gelir.
- Önbelleklenmiş JavaScript dosyaları sayfa yüklenmelerini hızlandırabilir.
- Harici dosyalar bir sunucudan çekilebilir, örneğin jQuery gibi kütüphaneler doğrudan sunucudan alınabilir.