JavaScript yolculuğunuza hoş geldiniz! Bu öğretici, etkileşimli ve dinamik web uygulamaları oluşturmak için gereken becerilerle donatacak şekilde JavaScript’in temellerini size adım adım anlatacaktır. Tamamen yeni başlayan biri olsanız da veya biraz programlama deneyiminiz olsa da, bu kılavuz açık, özlü ve ilgi çekici olacak şekilde tasarlanmıştır.
İçindekiler
JavaScript Nedir?
JavaScript, esas olarak etkileşimli web deneyimleri oluşturmak için kullanılan çok yönlü, yüksek seviyeli bir programlama dilidir. C++ veya Java gibi derlenmiş dillerin aksine, JavaScript web tarayıcıları tarafından doğrudan yorumlanır, bu da öğrenmeyi ve uygulamayı kolaylaştırır. Dinamik yazımı, değişken türlerini açıkça bildirme ihtiyacını ortadan kaldırarak kodlama sürecini basitleştirir. Öncelikle istemci tarafı bir dil olmasına rağmen (kullanıcının tarayıcısında çalışır), yetenekleri önemli ölçüde genişlemiş, sunucu tarafı geliştirmeye (Node.js ile) ve hatta mobil uygulama oluşturmaya (React Native gibi çerçeveler kullanarak) kadar uzanmıştır.
JavaScript Ne Yapabilir?
JavaScript’in gücü, web sitelerini hayata geçirmek yeteneğinde yatmaktadır. Basit animasyonların çok ötesinde geniş bir işlev yelpazesi sağlar:
- Etkileşimli Web Sayfaları: Kullanıcı eylemlerine (tıklamalar, üzerine gelmeler, form gönderimleri) yanıt veren öğeler oluşturun.
- Kullanıcı Girişi İşleme: Formları doğrulayın, geri bildirim sağlayın ve gönderilen verileri işleyin.
- DOM İşleme: Bir web sayfasının içeriğini, stilini ve yapısını dinamik olarak değiştirin (animasyonlar, slayt gösterileri, menüler oluşturma).
- AJAX Çağrıları: Sunucularla eşzamansız olarak iletişim kurun, daha sorunsuz bir kullanıcı deneyimi için tam sayfa yenilemeleri olmadan verileri güncelleyin.
- Web Uygulama Geliştirme: Gerçek zamanlı güncellemeler ve kullanıcı kimlik doğrulaması gibi özelliklere sahip karmaşık uygulamalar oluşturun.
- Mobil Uygulama Geliştirme: React Native ve Ionic gibi çerçeveler, JavaScript kullanarak platformlar arası mobil uygulama geliştirmeyi mümkün kılar.
- Sunucu Tarafı Geliştirme: Node.js, arka uç uygulamaları oluşturmak için JavaScript kullanmanıza olanak tanır.
HTML’ye JavaScript Ekleme
JavaScript kodu, <script> etiketleri kullanılarak HTML belgelerine entegre edilir. İki yaygın yaklaşım vardır:
Satır İçi JavaScript
Küçük kod parçaları için uygun olan satır içi JavaScript, kodunuzu HTML’nizdeki <script> etiketlerinin içine doğrudan yerleştirir.
<!DOCTYPE html>
<html>
<head>
<title>Satır İçi JavaScript</title>
</head>
<body>
<p>Bu bir paragraftır.</p>
<script>
document.querySelector("p").innerHTML = "Bu paragraf değiştirildi!";
</script>
</body>
</html>
Harici JavaScript
Daha büyük projeler için, JavaScript’i ayrı .js dosyalarında saklamak ve bunları src özniteliğini kullanarak HTML’nize bağlamak en iyi uygulamadır. Bu, organizasyonu ve sürdürülebilirliği iyileştirir.
<!DOCTYPE html>
<html>
<head>
<title>Harici JavaScript</title>
<script src="myScript.js"></script>
</head>
<body>
<p>Bu bir paragraftır.</p>
</body>
</html>
Önerilen Tarayıcılar
Herhangi bir modern web tarayıcısı (Chrome, Firefox, Safari, Edge) bu öğreticiyle sorunsuz bir şekilde çalışacaktır. Örnekler geniş uyumluluk için tasarlanmıştır.
Bu giriş, JavaScript öğrenme yolculuğunuz için bir temel oluşturmaktadır. Daha gelişmiş kavramları keşfetmek için bir sonraki bölüme geçelim!