Bu dersin amacı öğrencilere Duyarlı Web Sayfasını HTML, CSS ve JavaScript kullanarak öğretmek ve ticari bir web sayfasını sunuma hazır hale getirmek için yapılması gerekenler konusunda fikir vermektir.
Dersin İçeriği
Bu ders; Brief History of the Internet, Web Concept and How Does a Web Page Work?, Front End, Back End and Full Stack Developer Concepts and Introduction to HTML,HTML5,İleri Seviye HTML5,Temel Seviye CSS3,Orta Seviye CSS3,İleri Seviye CSS3,CSS-Responsive Tasarım,Web Sayfası Tasarım Projesi ve Responsive Tasarım,Bootstrap 4,Javascript Temelleri, Veri Tipleri, Objeler ve Operatörler,Javascript ile DOM Manipulasyonu ve Events,Todo List Projesi,Örnek Web Sayfası Uygulaması ; konularını içermektedir.
Dersin Öğrenme Kazanımları
Öğretim Yöntemleri
Ölçme Yöntemleri
1. Web tasarım öğreniminden önce internet teknolojileri hakkında gerekli temel bilgileri açıklayabilecektir.
6
F
1.1 İnternet altyapısı hakkında temel bilgileri açıklar.
6
F
1.2 İnternet teknolojilerindeki yeni gelişmeleri açıklar.
14, 6
F
2. HTML yapısını ve çalışma mantığını açıklayabilecektir.
6
F
2.1. HTML yapısını tanır.
6
F
2.2. İleri HTML5 etiketlerini yazar.
3. Web sayfası tasarımında sayfaya içerik, sunum ve davranış şekilleri belirlenmesini, katmanları, davranış türlerini kavrayabilecektir.
6
F
3.1 Dinamik web sayfaları oluşturulmasına ilişkin bilgileri kullanır.
6
F
3.2. Web sayfalarının türlerini ayırt eder.
6
F
4. CSS yapısını, temel, orta ve ileri düzeyde yapar.
6
F
4.1. CSS kodları ile tasarım gerçekleştirir.
6
F
4.2. Responsive Web Page (Duyarlı Web Sayfası) mantığını anlar ve ileri düzeyde uygular.
14, 6
A
5. Web sayfası oluşturabilecektir.
6
F
5.1 Web sayfalarına şablon oluşturur.
6
F
5.2 HTML elementlerini tanır.
6
F
6. JavaScript kodlarını temel düzeyde uygular.
6
F
6.1. Javascriptte temel programlama bilgisi olur.
6.2. Javascript ile web sayfasında Hamburger menu yapar.
Öğretim Yöntemleri:
14: Bireysel Çalışma Yöntemi, 6: Deneyimle Öğrenme Modeli
Ölçme Yöntemleri:
A: Klasik Yazılı Sınav, F: Proje Görevi
Ders Akışı
Sıra
Konular
Ön Hazırlık
1
Brief History of the Internet, Web Concept and How Does a Web Page Work?, Front End, Back End and Full Stack Developer Concepts and Introduction to HTML
2
HTML5
3
İleri Seviye HTML5
4
Temel Seviye CSS3
5
Orta Seviye CSS3
6
İleri Seviye CSS3
7
CSS-Responsive Tasarım
8
Web Sayfası Tasarım Projesi ve Responsive Tasarım
9
Bootstrap 4
10
Javascript Temelleri, Veri Tipleri, Objeler ve Operatörler
12
Javascript ile DOM Manipulasyonu ve Events
13
Todo List Projesi
14
Örnek Web Sayfası Uygulaması
Kaynak
Front-End Back-End Development with HTML, CSS, JavaScript, JQuery, PHP, and MySQL, Jon Duckett, ISBN: 9781119813095, 1119813093, Wiley, 2022.
-HTML and CSS, Design and Build Websites, Jon Duckett, ISBN: 9781118008188, 1118008189, Wiley, 2011.
-HTML, CSS, and JavaScript All in One: Covering HTML5, CSS3, and ES6, Sams Teach Yourself 3rd Edition, by Julie Meloni , Jennifer Kyrnin
Dersin Program Yeterliliklerine Katkısı
Dersin Program Yeterliliklerine Katkısı
No
Program Yeterliliği
Katkı Düzeyi
1
2
3
4
5
1
Bilişim ve yönetim alanında teorik bilgileri tanımlar.
2
Bilişim ve yönetim alanında gerekli matematiksel ve istatistiki yöntemleri anlatır.
3
Bilişim ve yönetim alanında gerekli en az bir bilgisayar programı kullanır.
4
Bilişim ve yönetim alanında gerekli olan mesleki yabancı dil yeterliliğini gösterir.
5
Bilişim projeleri hazırlar ve takım çalışmalarını yönetir.
6
Mesleki alanda yaşam boyu öğrenmenin gerekliliği bilinciyle bilim ve teknolojideki gelişmeleri izleyerek kendini sürekli yenileyip edindiği bilgi ve becerileri eleştirel olarak değerlendirilir.
X
7
Bilişim ve yönetim alanında teorik ve uygulamaya yönelik bilgileri kullanır.
X
8
En az A1 düzeyinde bir yabancı dili kullanarak güncel teknolojileri takip eder, sözlü / yazılı iletişim kurar.
9
Örgüt / kurumsal, iş ve toplumsal etik değerlerini benimser ve kullanır.
10
Topluma hizmet duyarlılığı çerçevesinde, sosyal sorumluluk ilkelerini benimser ve gerektiğinde inisiyatif alır.
11
Disiplinler arası çalışmalar yürütebilmek için farklı disiplinlerde (ekonomi, finans, sosyoloji, hukuk, işletme) temel bilgileri ve verileri analiz ederek alanında kullanır.
12
Masaüstü, mobil, web gibi farklı platform yazılımlarını tek başına ve/veya bir ekip içerisinde yazar.
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.
Bu dersin amacı öğrencilere Duyarlı Web Sayfasını HTML, CSS ve JavaScript kullanarak öğretmek ve ticari bir web sayfasını sunuma hazır hale getirmek için yapılması gerekenler konusunda fikir vermektir.
Dersin İçeriği
Bu ders; Brief History of the Internet, Web Concept and How Does a Web Page Work?, Front End, Back End and Full Stack Developer Concepts and Introduction to HTML,HTML5,İleri Seviye HTML5,Temel Seviye CSS3,Orta Seviye CSS3,İleri Seviye CSS3,CSS-Responsive Tasarım,Web Sayfası Tasarım Projesi ve Responsive Tasarım,Bootstrap 4,Javascript Temelleri, Veri Tipleri, Objeler ve Operatörler,Javascript ile DOM Manipulasyonu ve Events,Todo List Projesi,Örnek Web Sayfası Uygulaması ; konularını içermektedir.
Dersin Öğrenme Kazanımları
Öğretim Yöntemleri
Ölçme Yöntemleri
1. Web tasarım öğreniminden önce internet teknolojileri hakkında gerekli temel bilgileri açıklayabilecektir.
6
F
1.1 İnternet altyapısı hakkında temel bilgileri açıklar.
6
F
1.2 İnternet teknolojilerindeki yeni gelişmeleri açıklar.
14, 6
F
2. HTML yapısını ve çalışma mantığını açıklayabilecektir.
6
F
2.1. HTML yapısını tanır.
6
F
2.2. İleri HTML5 etiketlerini yazar.
3. Web sayfası tasarımında sayfaya içerik, sunum ve davranış şekilleri belirlenmesini, katmanları, davranış türlerini kavrayabilecektir.
6
F
3.1 Dinamik web sayfaları oluşturulmasına ilişkin bilgileri kullanır.
6
F
3.2. Web sayfalarının türlerini ayırt eder.
6
F
4. CSS yapısını, temel, orta ve ileri düzeyde yapar.
6
F
4.1. CSS kodları ile tasarım gerçekleştirir.
6
F
4.2. Responsive Web Page (Duyarlı Web Sayfası) mantığını anlar ve ileri düzeyde uygular.
14, 6
A
5. Web sayfası oluşturabilecektir.
6
F
5.1 Web sayfalarına şablon oluşturur.
6
F
5.2 HTML elementlerini tanır.
6
F
6. JavaScript kodlarını temel düzeyde uygular.
6
F
6.1. Javascriptte temel programlama bilgisi olur.
6.2. Javascript ile web sayfasında Hamburger menu yapar.
Öğretim Yöntemleri:
14: Bireysel Çalışma Yöntemi, 6: Deneyimle Öğrenme Modeli
Ölçme Yöntemleri:
A: Klasik Yazılı Sınav, F: Proje Görevi
Ders Akışı
Sıra
Konular
Ön Hazırlık
1
Brief History of the Internet, Web Concept and How Does a Web Page Work?, Front End, Back End and Full Stack Developer Concepts and Introduction to HTML
2
HTML5
3
İleri Seviye HTML5
4
Temel Seviye CSS3
5
Orta Seviye CSS3
6
İleri Seviye CSS3
7
CSS-Responsive Tasarım
8
Web Sayfası Tasarım Projesi ve Responsive Tasarım
9
Bootstrap 4
10
Javascript Temelleri, Veri Tipleri, Objeler ve Operatörler
12
Javascript ile DOM Manipulasyonu ve Events
13
Todo List Projesi
14
Örnek Web Sayfası Uygulaması
Kaynak
Front-End Back-End Development with HTML, CSS, JavaScript, JQuery, PHP, and MySQL, Jon Duckett, ISBN: 9781119813095, 1119813093, Wiley, 2022.
-HTML and CSS, Design and Build Websites, Jon Duckett, ISBN: 9781118008188, 1118008189, Wiley, 2011.
-HTML, CSS, and JavaScript All in One: Covering HTML5, CSS3, and ES6, Sams Teach Yourself 3rd Edition, by Julie Meloni , Jennifer Kyrnin
Dersin Program Yeterliliklerine Katkısı
Dersin Program Yeterliliklerine Katkısı
No
Program Yeterliliği
Katkı Düzeyi
1
2
3
4
5
1
Bilişim ve yönetim alanında teorik bilgileri tanımlar.
2
Bilişim ve yönetim alanında gerekli matematiksel ve istatistiki yöntemleri anlatır.
3
Bilişim ve yönetim alanında gerekli en az bir bilgisayar programı kullanır.
4
Bilişim ve yönetim alanında gerekli olan mesleki yabancı dil yeterliliğini gösterir.
5
Bilişim projeleri hazırlar ve takım çalışmalarını yönetir.
6
Mesleki alanda yaşam boyu öğrenmenin gerekliliği bilinciyle bilim ve teknolojideki gelişmeleri izleyerek kendini sürekli yenileyip edindiği bilgi ve becerileri eleştirel olarak değerlendirilir.
X
7
Bilişim ve yönetim alanında teorik ve uygulamaya yönelik bilgileri kullanır.
X
8
En az A1 düzeyinde bir yabancı dili kullanarak güncel teknolojileri takip eder, sözlü / yazılı iletişim kurar.
9
Örgüt / kurumsal, iş ve toplumsal etik değerlerini benimser ve kullanır.
10
Topluma hizmet duyarlılığı çerçevesinde, sosyal sorumluluk ilkelerini benimser ve gerektiğinde inisiyatif alır.
11
Disiplinler arası çalışmalar yürütebilmek için farklı disiplinlerde (ekonomi, finans, sosyoloji, hukuk, işletme) temel bilgileri ve verileri analiz ederek alanında kullanır.
12
Masaüstü, mobil, web gibi farklı platform yazılımlarını tek başına ve/veya bir ekip içerisinde yazar.