Canlı Organizmanın Başlangıcı: İskelet Mantığı
Her dijital yapı, görünmeden önce bir iskeletle başlar. Bu iskelet, web sayfasının ne olduğunu tanımlar. Renkler, animasyonlar veya hareketler henüz yoktur. Sadece yapı vardır.
HTML, bu organizmanın temel kemik sistemidir. Ne nerede durur, hangi bölüm neyi temsil eder, hepsi burada belirlenir.
Bu aşamada amaç görsellik değil, varoluşu tanımlamaktır.
https://www.udemy.com/course/ai-ile-aha-html-ile-her-seyi-yaparsn-sor-ogren-uret/
HTML’in Rolü: Yapıyı Tanımlayan Katman
HTML, bir web sayfasının nasıl görüneceğini değil, neye sahip olacağını belirler. Bu yüzden en temel katmandır.
Bu derste oluşturulan yapı üç ana parçadan oluşur:
- Bir başlık
- Bir açıklama metni
- Bir buton
Bu üç öğe, dijital organizmanın temel bileşenleridir.
Süslemesiz Dünya: Saf Yapı Deneyimi
Bu aşamada hiçbir görsel tasarım veya hareket yoktur. CSS veya JavaScript kullanılmaz. Bu bilinçli bir tercihtir.
Amaç:
- Sadece yapıyı görmek
- Süslemeden bağımsız düşünmek
- HTML’in saf halini anlamak
Bu nedenle sayfa sade, renksiz ve doğrudandır.
AI ile İskelet Tasarımı
Yapay zekâdan istenen şey yalnızca temel bir yapı oluşturmaktır. Karmaşıklık yoktur, sadece temel öğeler vardır.
İstenen yapı:
- Başlık (h1)
- Açıklama (p)
- Buton (button)
Bu yapı, bir web sayfasının en minimal formudur.
Kursiyerin Uygulama Süreci: İlk Yapıyı Kurmak
Öğrenci bu aşamada tamamen yeni bir dosya oluşturur ve sistemi başlatır.
Süreç:
- Yeni bir HTML dosyası açılır
- AI tarafından verilen yapı içine yerleştirilir
- Dosya kaydedilir
- Tarayıcıda açılır
Bu işlem sonunda ilk iskelet canlı olarak görünür.
Tarayıcıda İlk Görünüm: Ruhsuz Ama Gerçek
Sayfa açıldığında görsel olarak oldukça sade bir yapı görülür. Renk yoktur, hareket yoktur, süsleme yoktur.
Ama bu durum bir eksiklik değil, bilinçli bir başlangıçtır.
Çünkü bu aşamada sistem:
- Gerçek yapıyı gösterir
- Tasarımdan bağımsızdır
- Sadece içerik ve düzeni ortaya koyar
Aha! Anı: Temelin Gücü
Bu dersin en önemli farkındalığı burada oluşur. Kullanıcı artık şunu anlar:
- Web sayfası önce yapıdan oluşur
- Görsellik ikinci aşamadır
- HTML her şeyin temelidir
Bu farkındalık, üretim sürecinin zihinsel dönüşümünü başlatır.
İskelet Metaforu: Dijital Organizmanın Temeli
Bu dersin metaforu oldukça güçlüdür. Web sayfası bir organizma olarak düşünülür.
- HTML = iskelet
- CSS = görünüm
- JavaScript = hareket
Bu yapı sayesinde öğrenciler soyut kavramları somut şekilde anlayabilir.
Sonuç: İlk Gerçek Yapı
İskeleti kurmak, web geliştirme yolculuğunun en önemli adımlarından biridir. Çünkü artık sistem sadece bir fikir değil, gerçek bir yapıdır.
Bu aşamada öğrenci:
- HTML’in rolünü anlar
- Yapı kurmayı öğrenir
- Görsellikten bağımsız düşünmeye başlar
Bu adım, üretim sürecinin temel taşıdır.