Ders Detayı
Ders Detayı
Ders Tanımı
| Ders | Kodu | Yarıyıl | T+U Saat | Kredi | AKTS |
|---|---|---|---|---|---|
| WEB TASARIMI TEMELLERİ | MIS2110872 | Güz Dönemi | 3+0 | 3 | 6 |
| Ders Programı | ( A ) Salı 11:00-11:45 ( A ) Salı 12:00-12:45 ( A ) Salı 12:45-13:30 ( A ) Cumartesi 11:00-11:45 ( A ) Cumartesi 12:00-12:45 ( A ) Cumartesi 12:45-13:30 ( B ) Salı 14:30-15:15 ( B ) Salı 15:30-16:15 ( B ) Salı 16:30-17:15 ( B ) Cumartesi 14:30-15:15 ( B ) Cumartesi 15:30-16:15 ( B ) Cumartesi 16:30-17:15 |
| Ön Koşul Dersleri | |
| Önerilen Seçmeli Dersler |
| Dersin Dili | İngilizce |
| Dersin Seviyesi | Lisans |
| Dersin Türü | Zorunlu |
| Dersin Koordinatörü | Doç.Dr. Özge DOĞUÇ KARDEŞ |
| Dersi Verenler | Dr.Öğr.Üye. Mustafa ÇORUH |
| Dersin Yardımcıları | |
| Dersin Amacı | 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. | ||||||
Dersin Detaylı Bilgileri
Ders Tanımı
| Ders | Kodu | Yarıyıl | T+U Saat | Kredi | AKTS |
|---|---|---|---|---|---|
| WEB TASARIMI TEMELLERİ | MIS2110872 | Güz Dönemi | 3+0 | 3 | 6 |
| Ders Programı | ( A ) Salı 11:00-11:45 ( A ) Salı 12:00-12:45 ( A ) Salı 12:45-13:30 ( A ) Cumartesi 11:00-11:45 ( A ) Cumartesi 12:00-12:45 ( A ) Cumartesi 12:45-13:30 ( B ) Salı 14:30-15:15 ( B ) Salı 15:30-16:15 ( B ) Salı 16:30-17:15 ( B ) Cumartesi 14:30-15:15 ( B ) Cumartesi 15:30-16:15 ( B ) Cumartesi 16:30-17:15 |
| Ön Koşul Dersleri | |
| Önerilen Seçmeli Dersler |
| Dersin Dili | İngilizce |
| Dersin Seviyesi | Lisans |
| Dersin Türü | Zorunlu |
| Dersin Koordinatörü | Doç.Dr. Özge DOĞUÇ KARDEŞ |
| Dersi Verenler | Dr.Öğr.Üye. Mustafa ÇORUH |
| Dersin Yardımcıları | |
| Dersin Amacı | 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 | |