GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS | Kredi |
|---|---|---|---|---|---|---|
| OWTK110 | Web Tasarım II | Ders | 1 | 2 | 3.00 | 3.00 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Türkçe
Dersin Amacı
Bu dersin amacı, öğrencilere Bootstrap ile ileri seviye responsive arayüz geliştirme, JavaScript ile karmaşık web mantığı kurma ve modern JavaScript kütüphanelerine (React) giriş yaparak profesyonel standartlarda etkileşimli web uygulamaları geliştirme becerisi kazandırmaktır.
Dersi Veren Öğretim GörevlisiGörevlileri
Öğr. Gör. Büşra POLAT
Öğrenme Çıktıları
| 1 | Bu dersin sonunda öğrenciler, Bootstrap bileşenlerini kullanarak karmaşık ve özelleştirilmiş responsive arayüzler geliştirir. |
| 2 | Bu dersin sonunda öğrenciler, JavaScript DOM manipülasyonu ile web sayfalarını dinamik olarak yönetir. |
| 3 | Bu dersin sonunda öğrenciler, Modern JavaScript özelliklerini kullanarak temiz ve etkili kod yazar. |
| 4 | Bu dersin sonunda öğrenciler, asenkron JavaScript ve Fetch API kullanarak dış veri kaynaklarından (JSON/API) veri çeker. |
| 5 | Bu dersin sonunda öğrenciler, React.js temel yapısını kullanarak modüler web öğeleri oluşturur. |
| 6 | Bu dersin sonunda öğrenciler, bir web projesini modern kütüphanelerle baştan sona geliştirir ve yayına hazırlar. |
Öğrenim Türü
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Web tasarımı veya web tasarımı 1 dersini almış olmak.
Ders İçin Önerilen Diğer Hususlar
-
Dersin İçeriği
Bu ders, Bootstrap ileri bileşenleri, JavaScript (DOM manipülasyonu, ES6+, asenkron programlama, API yönetimi) ve React.js temel kavramlarını (bileşenler, state yönetimi) kapsamaktadır.
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Teorik | [OgretimYontemVeTeknikleri] | [OnHazirlik] |
|---|---|---|---|
| 1 | Bootstrap İleri Seviye: Navigasyon ve Kartlar | Anlatım, tartışma | |
| 2 | Bootstrap Flex ve Grid Sistemi | Gösterip yaptırma | |
| 3 | JavaScript'e Giriş: Değişkenler ve Veri Tipleri | Anlatım, Soru-cevap | |
| 4 | Karar Yapıları ve Döngüler (If/Else, For) | Gösterip yaptırma | |
| 5 | Fonksiyonlar ve Kapsam (Scope) Mantığı | Anlatım, Soru-cevap | |
| 6 | JavaScript DOM Manipülasyonuna Giriş | Gösterip yaptırma | |
| 7 | Olay Yönetimi (Events) ve Form Kontrolü | Anlatım, Uygulama | |
| 8 | Modern JavaScript: Arrow Functions | Gösterip yaptırma | |
| 9 | Vize Sınavı | Sınav | Genel tekrar |
| 10 | Arrays ve Objects Metotları (Map, Filter) | Anlatım, uygulama | |
| 11 | Asenkron JS: Promises ve Fetch API | Anlatım, Gösterim | |
| 12 | Async/Await Yapısı ve Hata Yönetimi | Anlatım, uygulamalı çalışma | |
| 13 | Tarayıcı Depolama (LocalStorage) | Anlatım, uygulama | |
| 14 | Modern Frameworklere Giriş: React.js ve JSX | Anlatım, tartışma | |
| 15 | Dönem Sonu Proje Sunumu | Sunum, tartışma | Proje hazırlığı |
| 16 | Final Sınavı | Sınav | Genel tekrar |
Ders Kitabı Malzemesi Önerilen Kaynaklar
İleri Web Tasarım Teknikleri - Halil İbrahim Azak (KODLAB) BTK AKADEMİ
Planlanan Öğrenme Aktiviteleri ve Metodları
Anlatım (ders sunumu) -Uygulamalı laboratuvar çalışmaları -Kodlama egzersizleri -Proje tabanlı öğrenme -Grup çalışmaları ve tartışmalar -Ödev ve sunumlar
Değerlendirme
| Yarıyıl (Yıl) İçi Etkinlikleri | Adet | Değer |
|---|---|---|
| Ara Sınav | 1 | 60 |
| Proje Hazırlama | 1 | 40 |
| Toplam | 100 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | Adet | Değer |
| Final Sınavı | 1 | 100 |
| Toplam | 100 | |
| Yarıyıl (Yıl) İçi Etkinlikleri | 40 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | 60 | |
Staj Durumu
İş Yükü Hesaplaması
| Etkinlikler | Sayısı | Süresi (saat) | Toplam İş Yükü (saat) |
|---|---|---|---|
| Ara Sınav | 1 | 1 | 1 |
| Final Sınavı | 1 | 1 | 1 |
| Uygulama/Pratik | 1 | 30 | 30 |
| Proje Hazırlama | 2 | 10 | 20 |
| Ara Sınav İçin Bireysel Çalışma | 1 | 15 | 15 |
| Final Sınavı içiin Bireysel Çalışma | 1 | 20 | 20 |
| Toplam İş Yükü (saat) | 87 | ||
Program ve Öğrenme Çıktıları İlişkisi
| PÇ 1 | PÇ 2 | PÇ 3 | PÇ 4 | PÇ 5 | PÇ 6 | PÇ 7 | PÇ 8 | PÇ 9 | PÇ 10 | PÇ 11 | PÇ 12 | |
| ÖÇ 1 | 3 | 3 | 4 | 3 | 5 | 5 | 5 | 5 | 3 | 5 | 5 | 1 |
| ÖÇ 2 | 3 | 3 | 4 | 3 | 5 | 5 | 5 | 5 | 3 | 5 | 5 | 1 |
| ÖÇ 3 | 3 | 3 | 4 | 3 | 5 | 5 | 5 | 5 | 3 | 5 | 5 | 1 |
| ÖÇ 4 | 3 | 3 | 4 | 3 | 5 | 5 | 5 | 5 | 3 | 5 | 5 | 1 |
| ÖÇ 5 | 3 | 3 | 4 | 3 | 5 | 5 | 5 | 5 | 3 | 5 | 5 | 1 |
| ÖÇ 6 | 3 | 3 | 4 | 3 | 5 | 5 | 5 | 5 | 3 | 5 | 5 | 1 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek