Organizmanın Canlanması: Tepkisizlikten Davranışa Geçiş
HTML iskeleti oluşturuldu, CSS ile görünüm kazandırıldı. Ancak sistem hâlâ sessizdir. Hiçbir etkileşime tepki vermez.
Bu noktada devreye JavaScript girer. Artık sayfa sadece görünen bir yapı değil, davranış gösteren bir organizmaya dönüşür.
https://www.udemy.com/course/ai-ile-aha-html-ile-her-seyi-yaparsn-sor-ogren-uret/
JavaScript’in Rolü: Dijital Beyin
JavaScript, web sayfasının karar mekanizmasıdır. Kullanıcı bir işlem yaptığında ne olacağını belirler.
Bu derste JavaScript şu şekilde konumlanır:
- Sinir sistemi
- Beyin
- Karar verici mekanizma
HTML “ne var” sorusunu, CSS “nasıl görünüyor” sorusunu cevaplar. JavaScript ise “ne yapıyor” sorusunu yanıtlar.
Etkileşim Mantığı: Buton ve Tepki
Bu senaryoda en temel etkileşim noktası butondur. Kullanıcı butona tıkladığında sistem bir tepki verir.
İstenen davranış:
- Butona tıklama algılanır
- Sistem çalışır
- Ekranda bir mesaj gösterilir
- Mesaj: “Organizma Uyandı!”
Bu basit yapı, etkileşim mantığının temelidir.
AI ile Sinir Sistemi Kurulumu
Yapay zekâdan istenen yapı oldukça nettir. Amaç karmaşık sistemler değil, temel bir etkileşim oluşturmaktır.
Sistem:
- Buton tıklamasını algılar
- Bir fonksiyon çalıştırır
- Kullanıcıya geri bildirim verir
Bu yapı, JavaScript’in en temel kullanım biçimidir.
Kursiyerin Uygulama Süreci: Organizmayı Uyandırmak
Öğrenci bu aşamada mevcut HTML dosyasını günceller.
Süreç:
- Dosya açılır
- JavaScript bölümü eklenir
- Kod dosyanın sonuna yerleştirilir
- Dosya kaydedilir
- Tarayıcıda test edilir
Bu işlem sonunda sayfa artık tepki veren bir sistem haline gelir.
İlk Tepki Anı: Canlı Sistem Deneyimi
Butona basıldığında ekranda bir mesaj görünür. Bu an, öğrenme sürecinde kritik bir dönüşümdür.
Kullanıcı şunu deneyimler:
- Sayfa artık cevap veriyor
- Sistem kullanıcıyı “anlıyor” gibi davranıyor
- Etkileşim gerçek zamanlı gerçekleşiyor
Bu, statik yapının kırıldığı andır.
Aha! Anı: Yaşayan Web Sayfası
Bu dersin en önemli farkındalığı şudur:
- Sayfa artık sadece bir görsel değildir
- Kullanıcıyla etkileşime girer
- Davranış gösterebilir
Bu noktada öğrenci, bir web sayfası değil bir sistem inşa ettiğini fark eder.
Sinir Sistemi Metaforu: JS’in Rolü
Bu dersin metaforu “sinir sistemi”dir. Çünkü:
- HTML = iskelet
- CSS = görünüm
- JavaScript = sinir sistemi ve beyin
Bu yapı sayesinde sistem canlı gibi davranır ve tepki verir.
Sonuç: İlk Canlı Sistem
JavaScript ile birlikte web sayfası artık sadece bir yapı değildir. Kullanıcıyla etkileşime giren canlı bir organizmaya dönüşmüştür.
Bu aşamada öğrenci:
- Etkileşim mantığını öğrenir
- JavaScript’in rolünü kavrar
- Dinamik sistem düşüncesine geçer
Bu adım, üretici zihnin “canlı sistem kurma” seviyesine ulaştığı noktadır.