Bu dersin amacı öğrenciye web tasarımın temelleri ve web tabanlı programlama hakkında kapsamlı bilgi ve yetkinliklerin kazandırılmasıdır.
Course Content
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ı
Teaching Methods
Assessment Methods
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
Teaching Methods:
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
Assessment Methods:
A: Klasik Yazılı Sınav, E: Ödev, F: Proje Görevi, G: Kısa Sınav, H: Performans Görevi
Course Outline
Order
Subjects
Preliminary Work
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
Resources
Ders Sunumları
Course Contribution to Program Qualifications
Course Contribution to Program Qualifications
No
Program Qualification
Contribution Level
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
Assessment Methods
Contribution Level
Absolute Evaluation
Rate of Midterm Exam to Success
40
Rate of Final Exam to Success
60
Total
100
ECTS / Workload Table
Activities
Number of
Duration(Hour)
Total Workload(Hour)
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
Total Workload(Hour)
0
Dersin AKTS Kredisi = Toplam İş Yükü (Saat)/30*=(0/30)
0
ECTS of the course: 30 hours of work is counted as 1 ECTS credit.
Detail Informations of the Course
Course Description
Course
Code
Semester
T+P (Hour)
Credit
ECTS
WEB TASARIM TEMELLERİ
BPR1114985
Güz Dönemi
3+0
3
7
Course Program
Pazartesi 15:30-16:15
Pazartesi 16:30-17:15
Pazartesi 17:30-18:15
Prerequisites Courses
Recommended Elective Courses
Language of Course
Türkçe
Course Level
Ön Lisans
Course Type
Zorunlu
Course Coordinator
Öğr.Gör. Beyza KOYULMUŞ
Name of Lecturer(s)
Öğr.Gör. Beyza KOYULMUŞ
Assistant(s)
Visual Studio Code - Node.js
Aim
Bu dersin amacı öğrenciye web tasarımın temelleri ve web tabanlı programlama hakkında kapsamlı bilgi ve yetkinliklerin kazandırılmasıdır.
Course Content
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ı
Teaching Methods
Assessment Methods
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
Teaching Methods:
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
Assessment Methods:
A: Klasik Yazılı Sınav, E: Ödev, F: Proje Görevi, G: Kısa Sınav, H: Performans Görevi
Course Outline
Order
Subjects
Preliminary Work
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
Resources
Ders Sunumları
Course Contribution to Program Qualifications
Course Contribution to Program Qualifications
No
Program Qualification
Contribution Level
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.
