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şenleri, flex ve grid sistemleri ile responsive (uyumlu) arayüzler geliştirir. |
| 2 | Bu dersin sonunda öğrenciler, JavaScript veri tipleri, değişkenler, karar yapıları ve döngülerle temel programlama mantığını uygular. |
| 3 | Bu dersin sonunda öğrenciler, fonksiyonlar ve kapsam (scope) mimarisini kullanarak modüler yapıda kod yazar. |
| 4 | Bu dersin sonunda öğrenciler, JavaScript DOM manipülasyonu, olay yönetimi (events) ve form kontrolü ile dinamik web sayfaları yönetir. |
| 5 | Bu dersin sonunda öğrenciler, Modern JavaScript (ES6+) ok fonksiyonları, dizi ve nesne metotları (map, filter) ile optimize kod üretir. |
| 6 | Bu dersin sonunda öğrenciler, ileri seviye arayüz ve JavaScript becerilerini birleştirerek dönem sonu web projesi geliştirir ve sunar. |
Öğ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 İleri Seviye: Navigasyon ve Kartlar | Anlatım, tartışma | |
| 3 | Bootstrap Flex ve Grid Sistemi | Gösterip yaptırma | |
| 4 | İleri Flex ve Grid Sistemi örnekleri | Gösterip yaptırma | |
| 5 | JavaScript'e Giriş: Değişkenler ve Veri Tipleri | Anlatım, Soru-cevap | |
| 6 | Karar Yapıları ve Döngüler (If/Else, For) | Gösterip yaptırma | |
| 7 | Karar Yapıları ve Döngüler (If/Else, For) | Gösterip yaptırma | |
| 8 | Fonksiyonlar ve Kapsam (Scope) Mantığı | Anlatım, Soru-cevap | |
| 9 | Vize Sınavı | Sınav | Genel tekrar |
| 10 | JS'de fonksiyon oluşturma örnekleri | Anlatım, Gösterim | |
| 11 | JavaScript DOM Manipülasyonuna Giriş | Gösterip yaptırma | |
| 12 | Olay Yönetimi (Events) ve Form Kontrolü | Anlatım, Uygulama | |
| 13 | Modern JavaScript: Arrow Functions | Gösterip yaptırma | |
| 14 | Arrays ve Objects Metotları (Map, Filter) | Anlatım, uygulama | |
| 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