Web Geliştirme
25 ~50 dk
Final Projesi: Dinamik Web Sitesi
Final Projesi
20 hafta boyunca öğrendiğimiz tüm konuları birleştiren bir proje yapacağız.
Proje Gereksinimleri
- En az 3 sayfa (Ana sayfa, Ürünler/Portfolio, İletişim)
- Semantik HTML yapısı
- Responsive CSS tasarım (mobil + masaüstü)
- CSS Grid veya Flexbox ile düzen
- CSS geçiş efektleri ve animasyonlar
- JavaScript ile dinamik içerik
- Form doğrulama
- localStorage ile veri saklama
- Fetch API ile veri çekme (opsiyonel)
Örnek Proje Fikirleri
| Proje | Özellikler |
|---|---|
| E-ticaret Sitesi | Ürün listesi, sepet, filtreleme, toplam hesaplama |
| Haber Portalı | API'den haber çekme, kategori filtreleme, arama |
| Okul Yönetim Sistemi | Öğrenci listesi, not girişi, istatistikler |
| Hava Durumu Uygulaması | Şehir arama, API entegrasyonu, ikonlar |
| Kişisel Blog | Yazı ekleme, localStorage, tema değiştirme |
Değerlendirme Kriterleri
| Kriter | Puan |
|---|---|
| HTML yapısı ve semantik kullanım | 20 |
| CSS tasarım ve responsive | 25 |
| JavaScript işlevsellik | 30 |
| Kod kalitesi ve düzen | 15 |
| Yaratıcılık | 10 |
🏆 Tebrikler! 20 haftalık Web Geliştirme eğitim serisini tamamladınız. Artık HTML, CSS ve JavaScript ile profesyonel web siteleri geliştirebilirsiniz!
🎯 Final Projesi
- Yukarıdaki proje fikirlerinden birini seçin
- Tasarımı kağıt üzerinde planlayın (wireframe)
- HTML yapısını oluşturun
- CSS ile stillandırın (responsive)
- JavaScript ile dinamik özellikler ekleyin
- Test edin ve hataları düzeltin