Once Yapi, Sonra Metin, Bicim, Davranis

Neden onemli

Yeni baslayanlar once bicimler: yer tutucu metne renk ve yazi tipi; sonra gercek metin yerlesimi bozar, sonra davranis kayan isaretlemeye civatalanir. Her katman oncekini yeniden isletir. Yapi-oncelikli tersi israfin tersidir: baslik ve bolumler kontrollu, sonra gercek kelimeler, sonra gercek kelimelere oturan gorunum, sonra kararli isaretlemeye bagli davranis. Dort gecis, her biri kanitla biter.

Kavramlar

Gecis 1: yapi. Baslik, bolum, etiketli form alanlari, butonlar. Yer tutucu disi gercek metin yok, bicim yok, betik yok. Kontrol: ac, taslak dogru okunuyor, sekme sirasi mantikli. Bu gecis "her sey yerinde ve adli mi" sorusunu cevaplar.

Gecis 2: metin. Her bolumde briften gelen gercek kelimeler. Kontrol: brifle satir satir okuyarak karsilastir. Bu gecis "dogru seyleri mi soyluyor" sorusunu cevaplar. Yanlis kelimeleri bicimlemek taslagi cilalamaktir; once yaz.

Gecis 3: bicim. Telefon ve masaustunde okunurluk, basliklar govdeden belirgin, 360px'te her sey sigiyor. Kontrol: tarayiciyi daralt, her bolumu oku. Bu gecis "herkes okuyabilir mi" sorusunu cevaplar. Gercek metin burada onemlidir: uzun yemek adlari ve gercek saatler, ornek metnin hic bozmadigi yerlesimi bozar.

Gecis 4: davranis. Form yankisi, dogrulama mesajlari, kalicilik (M05 genisletir). Kontrol: doldur, gonder, yenile, bos girdiyle bilerek boz. Bu gecis "dogru seyleri mi yapiyor" sorusunu cevaplar. Davranis sonda; cunku ilk uc gecisin kararli kildigi isaretlemeyi okur.

Dolanmis sayfa yeniden yazilmaz; yeniden gecislenir. Davranis dondurulur, metin brifle dogrulanir, telefon genisliginde yerlesim duzeltilir, davranis kararli isaretlemeye yeniden baglanir. Sira birer gecisle kendiliginden kurulur.

Uygulamali ornek

Firin sayfasi dort aksamda. Pazartesi: uc baslikli ve etiketli formlu iskelet; taslak okunarak kontrollu. Sali: gercek menu, saat ve siparis metni; brifle karsilastirmali. Carsamba: gercek kelimelere oturan bicim; 360px ve masaustunde kontrollu. Persembe: forma bagli yanki; doldur ve gonderle kontrollu. Cuma bostur; cunku dolanacak bir sey kalmadi.

Beklenen sonuc: sayfan dort gecisle insa edilmis (ya da yeniden kurulmus), her gecis sonrasi kontrolu not edilmis.

Sik yapilan yanlis

Yer tutucu isaretlemede davranisa atlamak ("formu bagla, metin sonra gelir"), sonra isaretlemeyi yeniden yazip davranisi yeniden baglamak. Once kararli isaretleme; iki kez baglamaktansa bir kez baglamak.

Lab ve sonraki adim

Lab A10 (13. dersle esli) aractan kontrollu iskelet arti gercek metin uretir. Sirada 15. ders var: en yaygin iki gorsel arıza; mobil tasma ve etiketsiz form alanlari.