GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| 9025001202023 | GÖRSEL PROGRAMLAMA | Seçmeli Ders Grubu | 1 | 2 | 3,00 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Türkçe
Dersin Amacı
Bu ders ile öğrencinin, görsel programlama temelleri ile ilgili yeterliklerin kazandırılması amaçlanmaktadır.
Dersi Veren Öğretim Görevlisi/Görevlileri
Öğrenme Çıktıları
| 1 | HTML dosyaları oluşturulması, etiketler ve kullanımı |
| 2 | CSS kullanımı ve özellikleri |
| 3 | Bootstrap özellikleri ve sayfa tasarımında gerekli araçların hazırlanması |
| 4 | Bootstap kullanarak sayfaların tasarlanması |
Öğretim Sistemi
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Yok
Ders İçin Önerilen Diğer Hususlar
Yok
Dersin İçeriği
Görsel programlama editörü kurulum ve ayarları, bootstrap ile çalışmak, electronjj, ile uygulamalar yapmak
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Konular (Teorik) | Uygulama | Öğretim Yöntem ve Teknikleri | Ön Hazırlık |
|---|---|---|---|---|
| 1 | Bootstrap nedir, projelere dahil edilmesi. Visual Studo Code ile kullanımı | |||
| 2 | Container ve fluid sınıflarının kullanımı, grid sistemi ve kullanımı | |||
| 3 | Boostrap padding, yükseklik ve genişlik sınıfları | |||
| 4 | Renkler, tablolar,resimlerin kullanımı | |||
| 5 | Alert özellikleri, düğmeler, düğme grupları, sayfalama düğmeleri | |||
| 6 | Liste grupları, kartlar, dropdown ve menüler | |||
| 7 | Acordion, collapse ve nav kullanımı | |||
| 8 | Navbar, form, input elemanları, form bilgilerinin onaylanması | |||
| 9 | Modaller, modallerin javascript ile kullanımı | |||
| 10 | Tooltip, scrollspy, popover kullanımı | |||
| 11 | Flex nedir, nasıl kullanılır | |||
| 12 | ElectronJS nedir nasıl kullanılır | |||
| 13 | Electronjs de bootstrap dosyalarının kullanımı | |||
| 14 | Electronjs ile örnek br uygulama |
Ders Kitabı / Malzemesi / Önerilen Kaynaklar
www.electronjs.org sitesi, youtube türkçe ve ingilizce kaynaklar
Planlanan Öğrenme Aktiviteleri ve Metodları
Değerlendirme
| Yarıyıl (Yıl) İçi Etkinlikleri | Adet | Değer |
|---|---|---|
| Ara Sınav | 1 | 100 |
| 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 | 1 | 1 |
| Final Sınavı | 1 | 1 | 1 |
| Derse Katılım | 14 | 4 | 56 |
| Proje Hazırlama | 2 | 2 | 4 |
| Bireysel Çalışma | 14 | 2 | 28 |
| Ödev Problemleri için Bireysel Çalışma | 2 | 2 | 4 |
| Ara Sınav İçin Bireysel Çalışma | 1 | 3 | 3 |
| Final Sınavı içiin Bireysel Çalışma | 2 | 3 | 6 |
| Toplam İş Yükü (saat) | 103 | ||
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 | PÇ 13 | PÇ 14 | PÇ 15 | PÇ 16 | PÇ 17 | PÇ 18 | PÇ 19 | PÇ 20 | PÇ 21 | PÇ 22 | PÇ 23 | PÇ 24 | PÇ 25 | PÇ 26 | PÇ 27 | PÇ 28 | PÇ 29 | PÇ 30 | PÇ 31 | PÇ 32 | PÇ 33 | PÇ 34 | PÇ 35 | PÇ 36 | PÇ 37 | PÇ 38 | PÇ 39 | PÇ 40 | PÇ 41 | PÇ 42 | PÇ 43 | PÇ 44 | PÇ 45 | |
| ÖÇ 1 | 4 | ||||||||||||||||||||||||||||||||||||||||||||
| ÖÇ 2 | 4 | ||||||||||||||||||||||||||||||||||||||||||||
| ÖÇ 3 | 4 | ||||||||||||||||||||||||||||||||||||||||||||
| ÖÇ 4 | 4 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek