Dijital Organizmanın Yeni Duyusu: Dinleme Yeteneği
Önceki aşamalarda organizma görmeyi ve tepki vermeyi öğrendi. Şimdi ise yeni bir yetenek kazanır: dinlemek.
Bu noktada sistem artık sadece butona tepki veren bir yapı değildir. Kullanıcıdan bilgi alabilen ve bu bilgiye göre davranış değiştiren bir organizmaya dönüşür.
https://www.udemy.com/course/ai-ile-aha-html-ile-her-seyi-yaparsn-sor-ogren-uret/
Input Mantığı: Dijital Kulak Sistemi
Input alanı, web sayfasının “kulak” görevi görür. Kullanıcıdan veri toplar ve bu veriyi sisteme aktarır.
Bu yapı sayesinde:
- Kullanıcı bilgi girer
- Sistem bu bilgiyi okur
- Girişe göre çıktı üretilir
Bu, web geliştirmede veri akışının başlangıcıdır.
Akıllı Tepki Sistemi: Kişiselleştirilmiş Çıktı
Bu derste sistemin davranışı artık sabit değildir. Kullanıcıya göre değişir.
İstenen davranış:
- Kullanıcı isim girer
- Butona basar
- Sistem ismi okur
- Ekranda kişisel bir mesaj gösterir
Bu mesaj, doğrudan kullanıcıya hitap eder ve sistemin “akıllı” görünmesini sağlar.
AI ile Akıllı Etkileşim Tasarımı
Yapay zekâ burada veri işleyen bir yardımcı olarak kullanılır. Sistem:
- Input alanını oluşturur
- Veriyi okur
- Mesajı dinamik hale getirir
- Çıktıyı kullanıcıya gösterir
Bu yapı, frontend etkileşiminin temel adımlarından biridir.
Kursiyerin Uygulama Süreci: Sistemi Kişiselleştirmek
Öğrenci bu aşamada mevcut sistemi günceller ve yeni etkileşim katmanı ekler.
Süreç:
- Dosya açılır
- Input alanı eklenir
- JavaScript ile veri okunur
- Mesaj dinamik hale getirilir
- Sistem test edilir
Bu adım sonunda sayfa artık kullanıcıya özel tepki verir.
İlk Kişisel Tepki: Sistem Seni Tanıyor
Butona basıldığında ekranda kullanıcıya özel bir mesaj görünür.
Örnek davranış:
- Girilen isim alınır
- Mesaj oluşturulur
- Kullanıcıya özel yanıt verilir
Bu, sistemin ilk kez “kişiselleştirme” yaptığı andır.
Aha! Anı: Dijital Canlılık Hissi
Bu dersin en önemli farkındalığı şudur:
- Sistem artık sadece çalışmıyor
- Kullanıcıyı tanıyor gibi davranıyor
- Kişisel yanıt üretiyor
Bu, üretici zihnin en kritik dönüşümlerinden biridir.
Etkileşim Evrimi: Statikten Akıllıya
Bu noktaya kadar sistem şu evrelerden geçmiştir:
- Statik yapı (HTML)
- Görsel yapı (CSS)
- Etkileşim (JS)
- Kişisel etkileşim (Input + JS)
Bu son adım, sistemin “akıllı” hale geldiği noktadır.
Dijital Organizma Metaforu: Dinleyen Sistem
Bu dersin metaforu “kulak”tır. Çünkü:
- Input = kulak
- JavaScript = beyin
- Çıktı = konuşma
Bu yapı sayesinde sistem artık çift yönlü iletişim kurabilir.
Sonuç: Seni Tanıyan İlk Sistem
Akıllı İletişim sistemi, web geliştirmede önemli bir eşiği temsil eder. Artık sayfa sadece tepki veren değil, kullanıcıyı tanıyıp ona göre davranan bir yapıya dönüşmüştür.
Bu aşamada öğrenci:
- Veri girişini öğrenir
- Dinamik yanıt üretmeyi kavrar
- Kişiselleştirilmiş sistem mantığını anlar
Bu adım, üretici zihnin “akıllı sistem kurma” seviyesine geçtiği noktadır.