Emre

Emre

WFN Üye
Konular
1,662
Mesajlar
1,758
Çözüm
0
Ticaret Puanı
0
Üyelik
9 Ay 4 Gün
Konum
Samsun
Web Sitesi
Var
Alanı
WordPress Uzm.
1/1
Konu sahibi
JavaScript’e başlamak için önce tarayıcının geliştirici konsolunda birkaç satır kod çalıştırın; ardından HTML sayfasına bağladığınız bir .js dosyasında küçük bir etkileşim kurun. Temel sıranız değişkenler, koşullar, döngüler, fonksiyonlar, diziler ve nesneler olmalı; bunları öğrendikten sonra DOM, olaylar ve eşzamansız işlemlere geçebilirsiniz. Başlangıçta özel bir araç gerekmez: bir metin düzenleyici ve güncel bir tarayıcı yeterlidir.

Önce kodu çalıştırın​


Tarayıcıda geliştirici araçlarını açıp Konsol bölümüne şu satırı yazın ve Enter’a basın:

JavaScript: 
console.log("Merhaba, JavaScript!");

Konsolda Merhaba, JavaScript! görünmesi, JavaScript ifadesinin çalıştığını ve console.log() çıktısının konsola yazıldığını gösterir. Bu, henüz bir web sayfasının içeriğini değiştirdiğiniz anlamına gelmez; konsol öğrenme ve hata ayıklama için hızlı bir başlangıç alanıdır.

Kalıcı bir örnek için aynı klasörde index.html ve script.js dosyaları oluşturun. HTML dosyasında betik dosyasını src ile bağlayın; JavaScript dosyasında ise bir düğmeye tıklanınca sayfadaki metni değiştiren kodu yazın:

HTML: 
<!doctype html>
<html lang="tr">
  <meta charset="utf-8">
  <title>İlk JavaScript örneğim</title>
  <button id="dugme">Tıkla</button>
  <p id="mesaj">Henüz tıklanmadı.</p>
  <script src="script.js"></script>
</html>

JavaScript: 
const dugme = document.querySelector("#dugme");
const mesaj = document.querySelector("#mesaj");

dugme.addEventListener("click", () => {
  mesaj.textContent = "JavaScript çalıştı!";
});

index.html dosyasını tarayıcıda açıp düğmeye basın. Paragrafın “JavaScript çalıştı!” olarak değişmesi, tarayıcının dosyayı yüklediğini, öğeleri bulduğunu ve tıklama olayını işlediğini gösterir. Bu küçük örnek, JavaScript’in HTML’deki öğelerle nasıl etkileştiğini gösterir; sunucuya veri göndermez ve tek başına kullanıcı girdisini güvenli hâle getirmez.

Hangi ortamda ilerlemeli?​


Nerede çalıştıracağınız, öğreneceğiniz JavaScript temellerini değiştirmez; yalnızca kullanacağınız ortamı ve erişeceğiniz özellikleri belirler.
Başlangıç yoluNe için uygun?İlk adım
TarayıcıWeb sayfası, DOM ve kullanıcı etkileşimiHTML dosyasına bir JavaScript dosyası bağlayın
Node.jsTarayıcı dışında çalışan JavaScript programlarıNode.js kurup bir dosyayı terminalden çalıştırın
Web arayüzü hedefliyorsanız tarayıcıyla devam edin. Sunucu tarafında JavaScript veya komut satırı programları geliştirmek istiyorsanız Node.js’e geçebilirsiniz; öğrenmek için ilk günden React, Vue veya başka bir çatı kurmanız gerekmez.

Temelleri küçük alıştırmalarla öğrenin​


Önce const ve let ile değer saklamayı, metin ve sayılarla işlem yapmayı öğrenin. Sonra if/else ile koşul kurun; döngülerle dizilerdeki öğeleri işleyin; fonksiyonlarla tekrarlanan işleri adlandırın. Örneğin, bir sayının çift olup olmadığını döndüren fonksiyon yazıp hem çift hem tek değerle deneyin. Her alıştırmada beklenen çıktıyı önceden belirleyin ve sonucu konsoldan kontrol edin.

Temeller oturunca nesneler ve kapsam konularına geçin; ardından tarayıcıda DOM seçme ve olay dinleme, sonrasında da eşzamansız işlemler, fetch() ve JSON öğrenin. Hata çıktığında tarayıcının Konsol bölümündeki hata türünü ve dosya-satır bilgisini okuyun; önce yazım hatalarını, seçicinin HTML’de gerçekten bulunduğunu ve betiğin doğru dosyaya bağlı olduğunu kontrol edin. Hata ayıklamak için eklediğiniz geçici konsol çıktıları işiniz bitince kaldırın.

Framework’lere geçmeden önce, kütüphanesiz JavaScript ile küçük bir yapılacaklar listesi veya sayaç uygulaması kurup veri, olay ve sayfa güncelleme akışını açıklayabiliyor olmanız iyi bir ölçüttür.
 

Sende şimdi bize katılmak ister misin?

Kayıt ol

Bize katılım kolay ve ücretsizdir!

Üye ol
Foruma git ?

Bu konuyu görüntüleyen kullanıcılar

Bu konuyu şu anda görüntüleyen üye bulunmuyor.
Robotlar:
  • Anthropic
Toplam: 1 (Üye: 0, misafir: 0, robot: 1)