Bu dersin amacı öğrenciye web tasarımın temelleri ve web tabanlı programlama hakkında kapsamlı bilgi ve yetkinliklerin kazandırılmasıdır.
Dersin İçeriği
Bu ders; Giriş: Web Tasarımının Temelleri,HTML (Hypertext Markup Language) - Temeller,CSS Temelleri - Entegrasyon, Stil ve Biçimlendirme,CSS Temelleri - Sayfa Düzeni, Git Kullanımı,Responsive Tasarım Temelleri,Uygulama,CSS Preprocessor Kullanımı,CSS Framework'leri Bootstrap framework'ü ile hızlı tasarım teknikleri,CSS Framework'leri Tailwind CSS'in utility-first yaklaşımı ve kullanımı,JavaScript Temelleri - Dil Yapısı,JavaScript Temelleri - DOM ve Eventler,Projeler ve Takım Çalışması,Proje Geliştirme; konularını içermektedir.
Dersin Öğrenme Kazanımları
Öğretim Yöntemleri
Ölçme Yöntemleri
Web tasarım temellerini kavrar
14, 2, 5, 6, 9
A, E, F
CSS temellerini öğrenir
12, 14, 2, 5, 8, 9
A, E, F, G
HTML temellerini öğrenir
12, 14, 6, 8, 9
A, E, F, G
JavaScript temellerini anlar
12, 14, 2, 5, 6, 8
A, E, F, G, H
Web uygulama projesi geliştirir
12, 14, 16, 2, 6, 8, 9
A, E, F, G
Öğretim Yöntemleri:
12: Problem Çözme Yöntemi, 14: Bireysel Çalışma Yöntemi, 16: Soru - Cevap Tekniği , 2: Proje Temelli Öğrenme Modeli, 5: İşbirlikli Öğrenme Modeli, 6: Deneyimle Öğrenme Modeli, 8: Ters-yüz Edilmiş Sınıf Modeli, 9: Anlatım Yöntemi
Ölçme Yöntemleri:
A: Klasik Yazılı Sınav, E: Ödev, F: Proje Görevi, G: Kısa Sınav, H: Performans Görevi
Ders Akışı
Sıra
Konular
Ön Hazırlık
1
Giriş: Web Tasarımının Temelleri
2
HTML (Hypertext Markup Language) - Temeller
3
CSS Temelleri - Entegrasyon, Stil ve Biçimlendirme
4
CSS Temelleri - Sayfa Düzeni
5
Git Kullanımı
6
Responsive Tasarım Temelleri
7
Uygulama
8
CSS Preprocessor Kullanımı
9
CSS Framework'leri Bootstrap framework'ü ile hızlı tasarım teknikleri
10
CSS Framework'leri Tailwind CSS'in utility-first yaklaşımı ve kullanımı
11
JavaScript Temelleri - Dil Yapısı
12
JavaScript Temelleri - DOM ve Eventler
13
Projeler ve Takım Çalışması
14
Proje Geliştirme
Kaynak
Ders Sunumları
Dersin Program Yeterliliklerine Katkısı
Dersin Program Yeterliliklerine Katkısı
No
Program Yeterliliği
Katkı Düzeyi
1
2
3
4
5
1
Algoritma programlama, bilgisayar uygulaması geliştirme ve yazılım projelerinde kod geliştirme konularında yeterli altyapıya ve bunları iş hayatlarında kullanma yeteneğine sahiptir..
X
2
Programlama problemleri için bilinen çözüm yöntemlerini ve özel teknikleri kullanır ve uygular.
X
3
Yazılım uygulamaları için gerekli olan modern teknik ve araçları kullanır.
X
4
Bireysel olarak ve çok disiplinli takımlarda etkin olarak çalışır.
X
5
Geliştirilmiş uygulama veya yazılımın test aşamalarını gerçekler ve takip eder.
X
6
İşyeri uygulamaları, çalışanların sağlığı, çevre ve iş güvenliği, mesleki ve etik sorumluluk, programlama uygulamalarının hukuksal sonuçları konularında farkındalığa sahiptir.
X
7
Bilgiye erişir ve bu amaçla kaynak araştırması yapar.
X
8
Yaşam boyu öğrenmenin gerekliliği bilincindedir; bilim ve teknolojideki gelişmeleri izler ve kendini sürekli yeniler.
X
9
Sözlü ve yazılı, gerektiğinde teknik resimler ve modern araçlar kullanarak etkin iletişim kurar.
X
10
Yazılım çözümlerinin ve uygulamalarının evrensel ve toplumsal boyutlardaki etkilerinin bilincinde olur; çağın sorunları çözmede ve toplumsal ilerlemede yeni yazılımlar geliştirir.
X
11
Geliştirdiği yazılımın temiz ve anlaşılır olmasına özen ve dikkat gösterir.
X
12
Kullanıcı odaklı tasarım ilkelerine riayet eder.
X
Değerlendirme Sistemi
Katkı Düzeyi
Mutlak Değerlendirme
Ara Sınavın Başarıya Oranı
40
Genel Sınavın Başarıya Oranı
60
Toplam
100
AKTS / İşyükü Tablosu
Etkinlik
Sayı
Süresi (Saat)
Toplam İş Yükü (Saat)
Ders Saati
0
0
0
Rehberli Problem Çözme
0
0
0
Problem Çözümü / Ödev / Proje / Rapor Tanzimi
0
0
0
Okul Dışı Diğer Faaliyetler
0
0
0
Proje Sunumu / Seminer
0
0
0
Kısa Sınav (QUİZ) ve Hazırlığı
0
0
0
Ara Sınav ve Hazırlığı
0
0
0
Genel Sınav ve Hazırlığı
0
0
0
Performans Görevi, Bakım Planı
0
0
0
Toplam İş Yükü (Saat)
0
Dersin AKTS Kredisi = Toplam İş Yükü (Saat)/30*=(0/30)
0
Dersin AKTS Kredisi: *30 saatlik çalışma 1 AKTS kredisi sayılmaktadır.
Dersin Detaylı Bilgileri
Ders Tanımı
Ders
Kodu
Yarıyıl
T+U Saat
Kredi
AKTS
WEB TASARIM TEMELLERİ
BPR1114985
Güz Dönemi
3+0
3
7
Ders Programı
Pazartesi 15:30-16:15
Pazartesi 16:30-17:15
Pazartesi 17:30-18:15
Ön Koşul Dersleri
Önerilen Seçmeli Dersler
Dersin Dili
Türkçe
Dersin Seviyesi
Ön Lisans
Dersin Türü
Zorunlu
Dersin Koordinatörü
Öğr.Gör. Beyza KOYULMUŞ
Dersi Verenler
Öğr.Gör. Beyza KOYULMUŞ
Dersin Yardımcıları
Visual Studio Code - Node.js
Dersin Amacı
Bu dersin amacı öğrenciye web tasarımın temelleri ve web tabanlı programlama hakkında kapsamlı bilgi ve yetkinliklerin kazandırılmasıdır.
Dersin İçeriği
Bu ders; Giriş: Web Tasarımının Temelleri,HTML (Hypertext Markup Language) - Temeller,CSS Temelleri - Entegrasyon, Stil ve Biçimlendirme,CSS Temelleri - Sayfa Düzeni, Git Kullanımı,Responsive Tasarım Temelleri,Uygulama,CSS Preprocessor Kullanımı,CSS Framework'leri Bootstrap framework'ü ile hızlı tasarım teknikleri,CSS Framework'leri Tailwind CSS'in utility-first yaklaşımı ve kullanımı,JavaScript Temelleri - Dil Yapısı,JavaScript Temelleri - DOM ve Eventler,Projeler ve Takım Çalışması,Proje Geliştirme; konularını içermektedir.
Dersin Öğrenme Kazanımları
Öğretim Yöntemleri
Ölçme Yöntemleri
Web tasarım temellerini kavrar
14, 2, 5, 6, 9
A, E, F
CSS temellerini öğrenir
12, 14, 2, 5, 8, 9
A, E, F, G
HTML temellerini öğrenir
12, 14, 6, 8, 9
A, E, F, G
JavaScript temellerini anlar
12, 14, 2, 5, 6, 8
A, E, F, G, H
Web uygulama projesi geliştirir
12, 14, 16, 2, 6, 8, 9
A, E, F, G
Öğretim Yöntemleri:
12: Problem Çözme Yöntemi, 14: Bireysel Çalışma Yöntemi, 16: Soru - Cevap Tekniği , 2: Proje Temelli Öğrenme Modeli, 5: İşbirlikli Öğrenme Modeli, 6: Deneyimle Öğrenme Modeli, 8: Ters-yüz Edilmiş Sınıf Modeli, 9: Anlatım Yöntemi
Ölçme Yöntemleri:
A: Klasik Yazılı Sınav, E: Ödev, F: Proje Görevi, G: Kısa Sınav, H: Performans Görevi
Ders Akışı
Sıra
Konular
Ön Hazırlık
1
Giriş: Web Tasarımının Temelleri
2
HTML (Hypertext Markup Language) - Temeller
3
CSS Temelleri - Entegrasyon, Stil ve Biçimlendirme
4
CSS Temelleri - Sayfa Düzeni
5
Git Kullanımı
6
Responsive Tasarım Temelleri
7
Uygulama
8
CSS Preprocessor Kullanımı
9
CSS Framework'leri Bootstrap framework'ü ile hızlı tasarım teknikleri
10
CSS Framework'leri Tailwind CSS'in utility-first yaklaşımı ve kullanımı
11
JavaScript Temelleri - Dil Yapısı
12
JavaScript Temelleri - DOM ve Eventler
13
Projeler ve Takım Çalışması
14
Proje Geliştirme
Kaynak
Ders Sunumları
Dersin Program Yeterliliklerine Katkısı
Dersin Program Yeterliliklerine Katkısı
No
Program Yeterliliği
Katkı Düzeyi
1
2
3
4
5
1
Algoritma programlama, bilgisayar uygulaması geliştirme ve yazılım projelerinde kod geliştirme konularında yeterli altyapıya ve bunları iş hayatlarında kullanma yeteneğine sahiptir..
X
2
Programlama problemleri için bilinen çözüm yöntemlerini ve özel teknikleri kullanır ve uygular.
X
3
Yazılım uygulamaları için gerekli olan modern teknik ve araçları kullanır.
X
4
Bireysel olarak ve çok disiplinli takımlarda etkin olarak çalışır.
X
5
Geliştirilmiş uygulama veya yazılımın test aşamalarını gerçekler ve takip eder.
X
6
İşyeri uygulamaları, çalışanların sağlığı, çevre ve iş güvenliği, mesleki ve etik sorumluluk, programlama uygulamalarının hukuksal sonuçları konularında farkındalığa sahiptir.
X
7
Bilgiye erişir ve bu amaçla kaynak araştırması yapar.
X
8
Yaşam boyu öğrenmenin gerekliliği bilincindedir; bilim ve teknolojideki gelişmeleri izler ve kendini sürekli yeniler.
X
9
Sözlü ve yazılı, gerektiğinde teknik resimler ve modern araçlar kullanarak etkin iletişim kurar.
X
10
Yazılım çözümlerinin ve uygulamalarının evrensel ve toplumsal boyutlardaki etkilerinin bilincinde olur; çağın sorunları çözmede ve toplumsal ilerlemede yeni yazılımlar geliştirir.
X
11
Geliştirdiği yazılımın temiz ve anlaşılır olmasına özen ve dikkat gösterir.
