Ders Genel Tanıtım Bilgileri

Ders Kodu:	BGP215
Ders İsmi:	Web Programlama I
Ders Yarıyılı:	3. Yarıyıl / Güz
Ders Kredileri:	Teorik Pratik Kredi AKTS 2 2 3 4
Öğretim Dili:	TR
Ders Koşulu:	Yok
Ders İş Deneyimini Gerektiriyor mu?:	Hayır
Dersin Türü:	Zorunlu
Dersin Düzeyi:	Önlisans TYYÇ:5. Düzey QF-EHEA:Kısa Düzey EQF-LLL:5. Düzey
Dersi Veren(ler):	Öğr. Gör. Volkan Aksoy
Dersin Yardımcıları:

Dersin Amaç ve İçeriği

Dersin Amacı:	Öğrencilere web tasarımının temel prensiplerini ve tekniklerini öğretmek, modern ve işlevsel web siteleri oluşturma becerisi kazandırmak.
Dersin Hedefi:	Çeşitli tasarım tekniklerini kullanarak estetik ve işlevsel web siteleri oluşturma becerisini kazandırmak, aynı zamanda kullanıcı deneyimini geliştirmeye yönelik stratejileri öğretmek.
Dersin Veriliş Şekli:	Yüz yüze

Öğrenme Kazanımları

Bilgi (Kuramsal ve/veya olgusal bilgi olarak tanımlanmıştır.)

1) İnternet ile ilgili temel kavramları tanımlar/açıklar.

2) Web tasarımında kullanılan yeni tasarım yöntemlerini tanımlar/açıklar.

3) Web sitesi oluşturma, güncelleme, yayınlama, optimizasyonu kavramlarını tanımlar/açıklar

4) Güncel web tasarım tekniklerini takip eder.

Beceriler (Bilişsel ve/veya uygulama becerileri olarak tanımlanmıştır.)

1) Web Sitesi oluşturmak için gerekli teknikleri amacına uygun olarak seçer/kullanır.

2) Oluşturulmuş Web Sitesinin yayın ve takibi için gerekli teknikleri amacına uygun olarak seçer/kullanır.

3) HTML etiketlerini kullanarak web sitesi hazırlar

4) HTML sayfalarını farklı şekillerde sunmak için iyi yapılandırılmış, kolay bakım sağlayan, standartlara uygun CSS kodlarının nasıl yazılacağını kavrar.

Yetkinlikler (Bağımsız çalışabilme, sorumluluk alabilme, öğrenme, alana özgü, iletişim ve sosyal yetkinlikler olarak tanımlanmıştır.)

1) İyi yapılandırılmış, bakımı kolay, standartlara uygun, erişilebilir HTML kodlarının nasıl yazılacağını kavrar.

2) CSS ile entegre web sayfası tasarımları gerçekleştirir.

Ders Akış Planı

Hafta	Konu
Ön Hazırlık	Pekiştirme
1)	HTML'e giriş
2)	HTML elementler ve nitelikler
3)	HTML stil kavramı
4)	HTML tablolar, listeler, display
5)	HTML sınıf ve id kavramları
6)	HTML formlar
7)	CSS'e giriş ve temel kavramlar
8)	Ara Sınav
9)	CSS text, fontlar, listeler ve tablolar
10)	CSS display ve position kavramlar
11)	CSS overflow ve float kavramları
12)	CSS birleştiriciler ve sözde sınıflar
13)	CSS Navigation bar ve açılır menüler
14)	CSS formlar
Diğer Kaynaklar: Duckett, J. (2019). HTML ve CSS Web Siteleri Tasarlamak ve Oluşturmak, NOBEL YAŞAM Yayınları, ISBN:978605974626 Fahrettin Erdinç, 2020; Yeni Başlayanlar İçin HTML5 CSS3 & Javascript, 1.Baskı, Abaküs Kitap Burak Tokak, 2017; HTML5 CSS3 ve JS ile Web Tasarımı, 2.Baskı, Dikeyeksen Yayıncılık Erol Mesut Gün, 2019; Her Yönüyle HTML, 3.Baskı, Kodlab Yayıncılık

Ders - Program Öğrenme Kazanım İlişkisi

Etkisi Yok	1 En Düşük	2 Orta	3 En Yüksek

Ders Öğrenme Kazanımları	1	2	1	2	3	4	1	2	3	4
Program Kazanımları
1) Bilgisayar bilimlerinin temel kavramlarını ve terminolojisini anlama.
2) C, C++, Java, Python gibi yaygın kullanılan programlama dillerinde kod yazabilme.
3) Algoritma ve veri yapıları konularında derinlemesine bilgi sahibi olma.
4) Yazılım projelerinin planlanması, yürütülmesi ve yönetimi konusunda bilgi sahibi olma.
5) Veritabanı tasarımı, yönetimi ve SQL sorgulama hakkında bilgi sahibi olma.
6) Bilgisayar ağları, internet teknolojileri ve iletişim protokolleri hakkında bilgi sahibi olma.
7) Çeşitli programlama dillerinde ve platformlarda etkili kod yazabilme.	2	2	2	2	2	2	2	2	2	2
8) Algoritmik düşünme yeteneği ile karmaşık problemleri çözebilme.
9) Matematiksel ve mantıksal düşünme yeteneklerini kullanarak yazılım çözümleri geliştirebilme.
10) Veritabanı oluşturma, yönetme ve sorgulama becerileri.
11) HTML, CSS, JavaScript ve ilgili frameworklerle web uygulamaları geliştirebilme.	3	3	3	3	3	3	3	3	3	3
12) Android ve iOS platformları için mobil uygulama geliştirme becerileri.
13) Yazılım geliştirme süreçlerinde ekip içinde etkin bir şekilde çalışabilme.
14) Yazılım projelerini planlama, yürütme ve yönetme becerileri.
15) Teknolojideki yenilikleri ve güncel gelişmeleri takip ederek sürekli öğrenme yetkinliği.
16) Teknik ve teknik olmayan paydaşlarla etkili iletişim kurabilme.
17) Yaratıcı düşünme ile yazılım projelerinde yenilikçi yaklaşımlar benimseme.
18) Kendi kendine öğrenme ve mesleki gelişim için gerekli motivasyona sahip olma.
19) Grafik tasarım alanında üretilmiş düşünce ve tasarımları, ekip çalışması içerisinde doğru uygulayabilecek ,bilgiye sahip olmak ve tasarım ve üretim alanındaki ekip ile uyumlu bir şekilde çalışabilecek düzeye getirmek.
20) Grafik tasarımın yaratım, uygulama ve üretim aşamalarını planlar. Bilgisayarda grafik programlarını kullanarak tasarımlarını görselleştirir.

Ders Öğretme, Öğrenme Yöntemleri

Soru-Cevap
Vaka Problemi Çözdürme/ Drama-Rol/ Vaka Yönetimi
Laboratuvar
Sayısal Problem Çözme
Alan çalışması
Grup Çalışması / Ödevi
Bireysel Ödev
WEB Tabanlı Öğrenme
Staj
Yerinde Uygulama
Proje Hazırlama
Rapor Yazma
Seminer
Süpervizyon
Sosyal Faaliyet
Mesleki Faaliyet
Mesleki Gezi
Uygulama (Modelleme, Tasarım, Maket, Simülasyon, Deney vs.)
Okuma
Tez Hazırlama
Arazi Çalışması
Öğrenci Kulüp ve Konseyi Faaliyetleri
Diğer
Logbook
Röportaj ve sözlü görüşme
Araştırma
Film izleme
Kaynakça oluşturma
Sözlü, yazılı ve görsel bilgi üretme
Fotoğraf çekimi
Eskiz çizimi
Harita üzerinde işaretleme
Harita okuma
Doku örneği alma
Malzeme arşivi oluşturma
Kendi fikrini ve çalışmalarını sunma ve sergileme

Değerlendirmeye Sistemi

Yarıyıl İçi Çalışmaları	Aktivite Sayısı	Katkı Payı
Devam		% 0
Laboratuar		% 0
Uygulama		% 0
Uygulama Sınavı		% 0
Küçük Sınavlar		% 0
Ödev		% 0
Sunum		% 0
Projeler		% 0
Derse Özgü Staj		% 0
Alan Çalışması		% 0
Makale Kritik		% 0
Makale Yazma		% 0
Modül Grup Çalışması		% 0
Beyin Fırtınası		% 0
Rol Oynama + Dramatize Etme		% 0
Sınıf Dışı Ders Çalışma		% 0
Ön Çalışma, Pekiştirme		% 0
Uygulama Tekrarı vb.		% 0
Ödevler (okuma, yazma, film izleme vs.)		% 0
Proje Hazırlama + Sunma		% 0
Rapor Hazırlama + Sunma		% 0
Sunum / Seminer Hazırlama + Sunma		% 0
Sözlü Sınav		% 0
Ara Sınavlar	1	% 40
Final	1	% 60
Rapor Teslimi		% 0
Bütünleme		% 0
Kanaat Notu		% 0
Kurul-Committee		% 0
Yazma Ödev Dosyası		% 0
Portfolyo		% 0
Take-Home Sınav		% 0
Seyir Defteri		% 0
Tartışma		% 0
Katılım		% 0
Toplam		% 100
YARIYIL İÇİ ÇALIŞMALARININ BAŞARI NOTU KATKISI		% 40
YARIYIL SONU ÇALIŞMALARININ BAŞARI NOTUNA KATKISI		% 60
Toplam		% 100

İş Yükü ve AKTS Kredisi Hesaplaması

Aktiviteler	Aktivite Sayısı	İş Yükü
Ders Süresi	14	56
Laboratuvar
Uygulama
Uygulama Sınavı
Derse Özgü Staj
Alan Çalışması
Sınıf Dışı Ders Çalışması
Makale Kritik
Makale Yazma
Modül Grup Çalışması
Beyin Fırtınası
Rol Oynama + Dramatize Etme
Sınıf Dışı Ders Çalışma (Ön Çalışma, Pekiştirme, Uygulama Tekrarı Vb.)	14	28
Ödevler (okuma, yazma, film izleme vs.)
Proje Hazırlama + Sunma
Rapor Hazırlama + Sunma
Sunum / Seminer Hazırlama + Sunma
Sözlü Sınav
Ara Sınavlara Hazırlanma	7	14
ARA SINAV (Vize)	1	1
Genel Sınava Hazırlanma	14	21
GENEL SINAV (Final)	1	1
Katılım
Tartışma
Portfolyo
Take-Home Sınav
Seyir Defteri
Toplam İş Yükü		121
AKTS (30 saat = 1 AKTS )		4