Yerel Dosyaları Açma, Düzenleme ve Önizleme
Güncelleme · Teknik kontrol
Tek proje klasörü, adlı dosyalar, göreli bağlantılar; her editörde düzenle, sayfayı tarayıcıda açarak önizle.
Kısa cevap
Yerel çalışma için tek klasör, üç adlı dosya ve tarayıcı yeter. Terminal, hesap, framework yok. Önizlemek için index.html dosyasını tarayıcıda aç; bir şey bozulunca console panelini oku.
Adım adım
- Tek klasör aç, örn. teklif-uygulamasi; içine index.html, styles.css, app.js koy.
- Göreli bağla: href="styles.css" ve src="app.js"; mutlak yol yok.
- Herhangi bir metin editöründe düzenle, kaydet, tarayıcı sekmesini yenile.
- Bozulunca console panelini aç: önce dosya adı artı satır numarası.
- Deneylerden önce çalışan üçlüyü yedekle.
Çalışılmış örnek
A07 labı aynı üçlüyü açar: başlığı, rengi ve düğme davranışını değiştir, sonra yenileyip her değişikliği ayrı doğrula. A08 yanlış CSS yolunu ve eksik görsel bağlantısını önce/sonra kanıtıyla düzeltir.
Kaçınılacak hatalar
- Makineden mutlak yollar. Başka her yerde bozulur.
- Kaydetmeden düzenlemek. Tarayıcı yazılanı değil, kaydedileni gösterir.
- Kırmızı console yazısında panik. Önce dosya ve satırı oku.
Sık sorulan sorular
Hangi editörü kurmalıyım? Her düz metin editörü olur. Kurulum isteğe bağlı; tarayıcı labları kurulum olmadan çalışır.
Bunun için terminal gerekli mi? Hayır. M03 içeriğinin tamamı aç, kaydet ve yenile ile olur.
Kaynaklar
- M03 dersleri ve A07-A09 labları (bu site).