Öğren · Dene · Üret
Visual Studio Code · proje atölyesi
Adım adım Türkçe görsel rehber. Her bölümden sonra duraklat ve kendi ortamında dene.
5:00 dk · Sessiz görsel anlatım · Duraklatıp kodu veya adımı kendin dene.
Bölümler
Videoyu metin olarak oku
Bir klasörde çalışan iki dosyalı tanıtım sayfası
VS Code bir kod editörüdür; her dilin çalıştırıcısını kendi içinde otomatik taşımaz. Python dosyasını düzenlemek ile Python yorumlayıcısını kurmak ayrı işlemlerdir. Önce klasör, dosya, terminal ve çalışma zamanı arasındaki ilişkiyi kur. Böylece “kod açılıyor ama çalışmıyor” durumunda neyi araştıracağını bilirsin.
Hazırlık
Resmî kaynaktan kendi işletim sistemine uygun paketi indir. Yalnızca kendin oluşturduğun örnek klasörüyle başla; bilinmeyen depoların görevlerini çalıştırma.
Proje adımı 1
webino-deneme adında bir klasör oluştur.
Proje adımı 2
index.html içine bir başlık, paragraf ve bağlantı yaz.
Proje adımı 3
stil.css dosyasını oluştur; başlığı renklendir.
Proje adımı 4
HTML head içine doğru href ile stil dosyasını bağla.
Proje adımı 5
Dosyaları kaydet; tarayıcıda aç ve Network üzerinden CSS isteğini kontrol et.
Proje adımı 6
Bir CSS dosya yolunu boz, belirtileri gözle ve doğru yola döndür.
Başarı ölçütü 1
Explorer doğru klasörü gösteriyor.
Başarı ölçütü 2
Dosyalar gerçekten .html/.css uzantılı.
Başarı ölçütü 3
Stil dosyasının isteği başarılı ve başlık değişiyor.
Başarı ölçütü 4
Dosya yolu hatasını açıklayarak çözebiliyorum.
Bu içerik işine yaradı mı?
Görüşünü aşağıdan işaretleyebilir ve varsa notunu bırakabilirsin.