Tek Değerden Veri Yığınına Geçiş
Önceki aşamalarda state sadece tek bir sayı ile çalışıyordu. Ancak gerçek uygulamalarda genellikle birden fazla veri aynı anda yönetilir.
Bu noktada devreye array (dizi) yapısı girer. Array, birden fazla veriyi tek bir yapıda saklamayı sağlar.
https://www.udemy.com/course/ai-ile-aha-html-ile-her-seyi-yaparsn-sor-ogren-uret/
Array State Mantığı
Array state, uygulamanın birden fazla veriyi aynı anda yönetmesini sağlar.
Bu yapı sayesinde:
- Birden fazla görev saklanabilir
- Liste dinamik olarak büyür
- Veriler sırayla yönetilir
Bu, modern web uygulamalarının temel veri modellerinden biridir.
To-Do List Mantığı: Gerçek Kullanım Senaryosu
To-Do list uygulaması, array state mantığını anlamak için en ideal örneklerden biridir.
Sistem şu şekilde çalışır:
- Kullanıcı bir görev yazar
- Görev listeye eklenir
- Liste ekranda alt alta gösterilir
Bu yapı, gerçek dünya uygulamalarının temelini oluşturur.
Dinamik Liste Oluşturma Mantığı
Bu uygulamada liste statik değildir. Kullanıcı her yeni veri eklediğinde liste güncellenir.
Sistem:
- Yeni veriyi alır
- Array içine ekler
- Ekranı yeniden çizer
Bu yapı, dinamik UI mantığının temelidir.
AI ile Liste Sistemi Tasarımı
Yapay zekâ bu aşamada liste yönetimini kolaylaştıran bir üretim aracıdır.
Sistem:
- Input’tan veri alır
- Veriyi array’e ekler
- Listeyi ekrana yansıtır
Bu yapı, frontend veri yönetiminin temelidir.
Kursiyerin Uygulama Süreci: İlk Liste Sistemi
Öğrenci bu aşamada basit bir To-Do uygulaması oluşturur.
Süreç:
- HTML iskeleti kurulur
- Input ve buton eklenir
- Array oluşturulur
- Liste ekrana yazdırılır
- Test edilir
Bu adım sonunda çoklu veri yönetimi başlar.
Liste Güncelleme Mantığı
Her yeni ekleme sonrası:
- Array güncellenir
- Ekran yeniden oluşturulur
- Yeni madde alt alta görünür
Bu süreç, dinamik render mantığını öğretir.
Aha! Anı: Veri Yığını Yönetimi
Bu dersin en önemli farkındalığı şudur:
- Sistem artık tek veri ile çalışmaz
- Bir veri listesi yönetir
- Yapı büyüyebilir ve genişleyebilir
Bu, gerçek uygulama mimarisine geçiştir.
Metafor: Veri Kümeleri Yönetmek
Bu dersin metaforu “veri yığını”dır.
- Tek veri = tek düşünce
- Array = düşünce kümesi
- Liste = organize yapı
Bu yapı sayesinde sistem ölçeklenebilir hale gelir.
Sonuç: İlk Dinamik Liste Sistemi
Array state mantığı ile birlikte uygulama artık çoklu veri yönetebilir hale gelir.
Bu aşamada öğrenci:
- Array kullanımını öğrenir
- Dinamik liste oluşturur
- UI güncelleme mantığını kavrar
Bu adım, üretici zihnin “çoklu veri yönetimi” seviyesine geçtiği noktadır.