ÖNYÜZ WEB TEKNOLOJİLERİ DERS TANITIM VE UYGULAMA BİLGİLERİ

Kodu	Dersin Adı	Yarıyıl	Süresi(T+U)	Kredisi	AKTS Kredisi
BST207	ÖNYÜZ WEB TEKNOLOJİLERİ	3	3	3	4

DERS BİLGİLERİ
Dersin Öğretim Dili :	Türkçe
Dersin Düzeyi	LİSANS, TYY: + 6.Düzey, EQF-LLL: 6.Düzey, QF-EHEA: 1.Düzey
Dersin Türü	Zorunlu
Dersin Veriliş Şekli	-
Dersin Koordinatörü	Dr.Öğr.Üyesi BANU KAYINOVA
Dersi Veren Öğretim Üyesi/Öğretim Görevlisi
Ders Ön Koşulu	Yok

AMAÇ VE İÇERİK
Amaç:	Bu dersin amacı, öğrencilere modern web tarayıcılarında çalışan "önyüz" (front-end) katmanının mimarisini, standartlarını ve çalışma prensiplerini öğretmektir. Web sayfalarının yapılandırılması (HTML), görselleştirilmesi (CSS) ve etkileşimli hale getirilmesi (JavaScript) süreçlerinin teorik altyapısı incelenerek; tarayıcı motorlarının işleyişi, duyarlı tasarım (responsive design) mantığı ve güncel kütüphanelerin temel felsefesi hakkında derinlemesine bir bakış açısı kazandırılması hedeflenmektedir.
İçerik:	Önyüz web teknolojileri dersinin içeriği, web standartlarını belirleyen organizasyonların rolünden başlayarak tarayıcıların bir web kodunu nasıl yorumlayıp görselleştirdiğine dair teknik süreçleri kapsamaktadır. İnternetin görsel dili olan CSS’in yerleşim (layout) modelleri, tipografi kuralları ve modern tasarım dilleri ile birlikte, önyüzün programlama mantığı olan JavaScript'in temel kavramları ve asenkron çalışma yapısı ele alınmaktadır. Ayrıca ders boyunca; farklı ekran boyutlarına uyumlu tasarım stratejileri, web erişilebilirliği standartları, önyüz performans optimizasyonu yöntemleri ve modern framework (React, Vue vb.) yapılarının dayandığı bileşen tabanlı mimari felsefesi teorik düzeyde incelenmektedir.

DERSİN ÖĞRENME ÇIKTILARI (Öğrenciler, bu dersi başarı ile tamamladıklarında aşağıda belirtilen bilgi, beceri ve/veya yetkinlikleri gösterirler.)

HAFTALIK DERS KONULARI VE ÖNGÖRÜLEN HAZIRLIK ÇALIŞMALARI
Hafta	Ön Hazırlık	Konular	Yöntem
1	-	Dersin Amacı, Önyüz (Front-end) Kavramı ve Web Standartları (W3C)	Anlatım, Soru–Cevap
2	Kitap-Ders Notu Okuma	HTML5 Mimarisi: Semantik Web ve Sayfa Yapılandırma Mantığı	Anlatım, Soru–Cevap, Beyin Fırtınası
3	Kitap-Ders Notu Okuma	CSS3 Temelleri: Box Model (Kutu Modeli) ve Seçicilerin Çalışma Hiyerarşisi	Anlatım, Gösteri, Bireysel Çalışma
4	Kitap-Ders Notu Okuma	Modern CSS Yerleşim Modelleri: Flexbox ve Grid Teorisi	Anlatım, Gösteri
5	Kitap-Ders Notu Okuma	Duyarlı (Responsive) Web Tasarımı ve Media Queries Mantığı	Anlatım, Gösteri
6	Kitap-Ders Notu Okuma	Web Tipografisi, Renk Teorisi ve İkon Setlerinin Kullanımı	Anlatım, Okuma–İnceleme
7	Kitap-Ders Notu Okuma	Tarayıcı Nasıl Çalışır? (Rendering Engine, DOM ve CSSOM Oluşumu)	Anlatım, Soru–Cevap
8	Kitap-Ders Notu Okuma	Önyüzde Programlama Mantığı: JavaScript’in Rolü ve Temel Sözdizimi	Anlatım, Soru–Cevap
9	Kitap-Ders Notu Okuma	JavaScript ile DOM Manipülasyonu ve Olay (Event) Yönetimi	Anlatım, Tartışma
10	-	ARA SINAV	-
11	Kitap-Ders Notu Okuma	Modern JavaScript (ES6+) Özellikleri ve Modüler Yapı	Anlatım, Gösterip Yaptırma
12	Kitap-Ders Notu Okuma	Web Erişilebilirliği (Accessibility) ve Kullanıcı Deneyimi İlişkisi	Uygulamalı Öğretim, Analiz
13	Kitap-Ders Notu Okuma	Modern Önyüz Kütüphane ve Frameworklerine Giriş (React, Vue, Angular)	Anlatım, Araştırma
14	Kitap-Ders Notu Okuma	Bileşen (Component) Tabanlı Mimari ve State Yönetimi Felsefesi	Anlatım, Video İzleme
15	Kitap-Ders Notu Okuma	Önyüz Performansı ve Genel Tekrar	Soru–Cevap, Tekrar
16	-	FİNAL	-
17	-	FİNAL	-

KAYNAKLAR
Canay, Ö. (2016). Web Tasarımı ve Ön Yüz Web Teknolojileri (1. baskı). Ankara: Seçkin Yayıncılık.
Öğretim elemanı tarafından sağlanacak ders notları.

ÖLÇME VE DEĞERLENDİRME
Yarıyıl İçi Yapılan Çalışmaların Ölçme ve Değerlendirmesi	Etkinlik Sayısı	Katkı Yüzdesi	Açıklama	Sınav Yapılma Şekli

(0) Etkisiz	(1) En Düşük	(2) Düşük	(3) Orta	(4) İyi	(5) Çok İyi
0	1	2	3	4	5

BİLGİ
Kuramsal
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Bilişim sistemleri, yazılım geliştirme, programlama ve web teknolojilerinin temel kavramlarını, kuramlarını ve yaklaşımlarını yorumlar.						5
2	Veri bilimi, yapay zekâ, bulut bilişim ve siber güvenlik dâhil olmak üzere bilişim sistemleri yönetimi ve proje süreçlerinin kuramsal temellerini analiz eder.				3

BİLGİ
Olgusal
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Yazılım geliştirme, veri bilimi, ağ teknolojileri, web uygulamaları ve donanım–yazılım etkileşimi gibi bilişim alanlarının temel kavramlarını ve olgularını açıklar.						5
2	Kurumsal bilgi sistemleri, bulut bilişim, yapay zekâ, siber güvenlik ve proje yönetimi alanlarındaki temel kuram ve yaklaşımları tanımlar.				3

BECERİLER
Bilişsel
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Bilişim teknolojileri, yazılım geliştirme ve veri yapıları alanlarında edindiği bilgileri kullanarak karmaşık problemleri analiz eder ve uygun çözüm yöntemlerini belirler.						5
2	Bulut bilişim, yapay zekâ, siber güvenlik ve proje yönetimi konularındaki verileri eleştirel bir bakış açısıyla değerlendirerek bilişim sistemlerinin stratejik planlamasına yönelik çıkarımlar yapar.					4

BECERİLER
Uygulamalı
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Programlama dilleri, veri tabanı yönetimi, algoritmalar ve web teknolojilerini kullanarak işlevsel yazılım ve web uygulamaları geliştirir.						5
2	Bulut bilişim, kurumsal bilgi sistemleri ve proje yönetimi araçlarını kullanarak bilişim projelerini planlar, uygular ve sonuçlarını değerlendirir.				3

YETKİNLİKLER
Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Bilişim projelerini bağımsız olarak planlar, yürütür ve tamamlar; süreçte ortaya çıkan teknik ve yönetimsel sorumlulukları üstlenir.					4
2	Yazılım geliştirme ve bilgi sistemleri projelerinde ekip içinde etkin rol alır, gerektiğinde liderlik yaparak proje hedeflerine ulaşılmasını sağlar.						5

YETKİNLİKLER
Öğrenme Yetkinliği
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Bilişim teknolojilerindeki yenilikleri ve yazılım geliştirme trendlerini sürekli izler, mesleki bilgi ve becerilerini güncel tutar.						5
2	Kendi öğrenme süreçlerini değerlendirir, eksikliklerini belirler ve kişisel gelişimi için bağımsız olarak yeni öğrenme fırsatları oluşturur.						5

YETKİNLİKLER
İletişim ve Sosyal Yetkinlik
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Teknik ve teknik olmayan paydaşlara bilişim projelerini açık, anlaşılır ve ikna edici bir şekilde sunar; yazılı ve sözlü iletişim kanallarını etkin kullanır.						5
2	Farklı disiplinlerden ve kültürel arka planlardan gelen ekiplerle iş birliği yaparak bilişim projelerinde etkili katkı sağlar.						5

YETKİNLİKLER
Alana Özgü Yetkinlik
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Bilişim sistemleri, yazılım geliştirme ve veri yönetimi süreçlerinde mesleki etik ilkelere ve uluslararası standartlara uygun davranır.						5
2	Bilişim sistemleri ve teknolojileri alanında güncel araç, yöntem ve yaklaşımları kullanarak çözüm üretir ve yenilikçi projeler geliştirir.						5

DERSİN İŞ YÜKÜ VE AKTS KREDİSİ
Öğrenme-Öğretme Etkinlikleri İş Yükü
Öğrenme-Öğretme Etkinlikleri	Etkinlik(hafta sayısı)	Süresi(saat sayısı)	Toplam İş Yükü
Ders	14	3	42
Derse Ön Hazırlık ve Ders Sonrası Pekiştirme	14	1	14
Arazi Çalışması	0	0	0
Grup Çalışması / Ödevi	0	0	0
Laboratuvar	0	0	0
Okuma	10	2	20
Ödev	0	0	0
Proje Hazırlama	0	0	0
Seminer	0	0	0
Staj	0	0	0
Teknik Gezi	0	0	0
Web Tab. Öğrenme	0	0	0
Uygulama	0	0	0
Yerinde Uygulama	0	0	0
Mesleki Faaliyet	0	0	0
Sosyal Faaliyet	0	0	0
Tez Hazırlama	0	0	0
Alan Çalışması	0	0	0
Rapor Yazma	0	0	0
Final Sınavı	1	1	1
Final Sınavı Hazırlığı	5	2	10
Ara Sınav	1	1	1
Ara Sınav Hazırlığı	5	2	10
Kısa Sınav	0	0	0
Kısa Sınav Hazırlığı	0	0	0
TOPLAM	50	0	98