GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| MYBPR2013 | WEB TASARIMI VE BETİK DİLİ | Ders | 2 | 3 | 4,00 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Türkçe
Dersin Amacı
Web yayıncılığının ilkelerinin bilinmesini sağlamak. Web içeriği geliştirme becerilerini kazandırmak.
Dersi Veren Öğretim Görevlisi Görevlileri
Öğr. Gör. Veli Akay
Öğrenme Çıktıları
| 1 | Web kavramını açıklar. |
| 2 | Web sitesi tasarlar. |
| 3 | Web sitesi yayınlar. |
| 4 | Web sitesinin öğelerini anlatır. |
| 5 | Web sayfası kaynaklarına ulaşır. |
| 6 | İnternet temelli öğretmenin kuramsal temellerini açıklar. |
| 7 | Web temelli öğrenmenin avantajları ve dezavantajlarını sıralar. |
| 8 | Web temelli öğretimde karşılaşabileceği sorunları tartışır. |
Öğrenim Türü
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Yok
Ders İçin Önerilen Diğer Hususlar
Yok
Dersin İçeriği
Bu ders içeriği, modern web geliştirme süreçlerini temelden uca kapsayan, iki aşamalı bir yapıdan oluşmaktadır. İlk bölümde (1-7. Haftalar), web sayfalarının iskeletini oluşturan HTML5 standartları ile metin, medya ve form bileşenlerinin yapılandırılması işlenmekte; ardından CSS3 teknolojileriyle görsel tasarım, kutu modeli (box model) ve modern yerleşim teknikleri olan Flexbox ve Grid sistemleri üzerinde durulmaktadır. Bu aşama, kullanıcı deneyimini ön plana çıkaran ve her türlü cihaz ekranına uyum sağlayan Duyarlı (Responsive) Tasarım prensiplerinin öğretilmesiyle tamamlanmaktadır. İkinci bölümde (8-14. Haftalar) ise web sitelerine işlevsellik kazandıran istemci taraflı betik dili JavaScript'e odaklanılmaktadır. Programlamanın temel mantığı olan değişkenler, döngüler ve fonksiyonlar kavratıldıktan sonra, tarayıcı üzerindeki elemanları dinamik olarak yönetmeyi sağlayan DOM (Document Object Model) manipülasyonu ve kullanıcı etkileşimlerini yöneten olay (event) yapıları incelenmektedir. Dersin sonunda öğrenciler, edindikleri tüm teorik ve pratik bilgileri birleştirerek, estetik tasarımı dinamik işlevsellikle harmanlayan eksiksiz bir web projesi geliştirme yetkinliğine sahip olmaktadır.
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Teorik | Uygulama | Laboratuvar |
|---|---|---|---|
| 1 | İnternet Teknolojileri ve Web Temelleri | ||
| 2 | HTML5: Yapı, Metinler ve Bağlantılar | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır. | |
| 3 | HTML5: Tablolar, Formlar ve Medya | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır. | |
| 4 | CSS3: Temeller, Seçiciler ve Renkler | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır. | |
| 5 | CSS3: Kutu Modeli (Box Model) | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır | |
| 6 | Sayfa Düzeni: Flexbox ve CSS Grid | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır | |
| 7 | Duyarlı (Responsive) Tasarım ve Frameworkler | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır | |
| 8 | Genel Tekrar ve Vize sınavı | ||
| 9 | JavaScript: Değişkenler ve Veri Tipleri | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır | |
| 10 | Kontrol Yapıları ve Döngüler | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır | |
| 11 | Fonksiyonlar ve Dizi İşlemleri | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır | |
| 12 | DOM (Belge Nesne Modeli) Yönetimi | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır | |
| 13 | Olay Yönetimi ve Etkileşim | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır | |
| 14 | Form Doğrulama ve JSON Veri Yapısı | Bilgisayar laboratuvarında editör yardımı ile kodlar yazılır | |
| 15 | Final sınavı |
Ders Kitabı Malzemesi Önerilen Kaynaklar
Yok
Planlanan Öğrenme Aktiviteleri ve Metodları
Değerlendirme
| Yarıyıl (Yıl) İçi Etkinlikleri | Adet | Değer |
|---|---|---|
| Ara Sınav | 1 | 50 |
| Proje Hazırlama | 1 | 50 |
| 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
Yok
İş Yükü Hesaplaması
| Etkinlikler | Sayısı | Süresi (saat) | Toplam İş Yükü (saat) |
|---|---|---|---|
| Ara Sınav | 1 | 12 | 12 |
| Final Sınavı | 1 | 12 | 12 |
| Derse Katılım | 14 | 3 | 42 |
| Uygulama/Pratik | 14 | 3 | 42 |
| Toplam İş Yükü (saat) | 108 | ||
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 | 1 | 1 | ||||||||||
| ÖÇ 2 | 1 | 3 | 3 | |||||||||
| ÖÇ 3 | 3 | 3 | ||||||||||
| ÖÇ 4 | 2 | 2 | ||||||||||
| ÖÇ 5 | 3 | 2 | 3 | 2 | ||||||||
| ÖÇ 6 | 2 | |||||||||||
| ÖÇ 7 | 2 | |||||||||||
| ÖÇ 8 | 3 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek