Course Detail
Course Detail
Course Description
| Course | Code | Semester | T+P (Hour) | Credit | ECTS |
|---|---|---|---|---|---|
| WEB TASARIMI TEMELLERİ | MIS2110872 | Güz Dönemi | 3+0 | 3 | 6 |
| Course 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 |
| Prerequisites Courses | |
| Recommended Elective Courses |
| Language of Course | İngilizce |
| Course Level | Lisans |
| Course Type | Zorunlu |
| Course Coordinator | Doç.Dr. Özge DOĞUÇ KARDEŞ |
| Name of Lecturer(s) | Dr.Öğr.Üye. Mustafa ÇORUH |
| Assistant(s) | |
| Aim | 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. |
| Course Content | 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ı | Teaching Methods | Assessment Methods |
| 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. |
| Teaching Methods: | 14: Bireysel Çalışma Yöntemi, 6: Deneyimle Öğrenme Modeli |
| Assessment Methods: | A: Klasik Yazılı Sınav, F: Proje Görevi |
Course Outline
| Order | Subjects | Preliminary Work |
|---|---|---|
| 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ı |
| Resources |
| 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 |
Course Contribution to Program Qualifications
| Course Contribution to Program Qualifications | |||||||
| No | Program Qualification | Contribution Level | |||||
| 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 | |||||
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 TASARIMI TEMELLERİ | MIS2110872 | Güz Dönemi | 3+0 | 3 | 6 |
| Course 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 |
| Prerequisites Courses | |
| Recommended Elective Courses |
| Language of Course | İngilizce |
| Course Level | Lisans |
| Course Type | Zorunlu |
| Course Coordinator | Doç.Dr. Özge DOĞUÇ KARDEŞ |
| Name of Lecturer(s) | Dr.Öğr.Üye. Mustafa ÇORUH |
| Assistant(s) | |
| Aim | 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. |
| Course Content | 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ı | Teaching Methods | Assessment Methods |
| 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. |
| Teaching Methods: | 14: Bireysel Çalışma Yöntemi, 6: Deneyimle Öğrenme Modeli |
| Assessment Methods: | A: Klasik Yazılı Sınav, F: Proje Görevi |
Course Outline
| Order | Subjects | Preliminary Work |
|---|---|---|
| 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ı |
| Resources |
| 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 |
Course Contribution to Program Qualifications
| Course Contribution to Program Qualifications | |||||||
| No | Program Qualification | Contribution Level | |||||
| 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 | |||||
Assessment Methods
| Contribution Level | Absolute Evaluation | |
| Rate of Midterm Exam to Success | 40 | |
| Rate of Final Exam to Success | 60 | |
| Total | 100 | |