Course Description
| Course | Code | Semester | T+P (Hour) | Credit | ECTS |
|---|
| FUNDAMENTAL of WEB DESING | BPR1114985 | Fall Semester | 3+0 | 3 | 7 |
| Course Program | Cuma 16:30-17:15 Cuma 17:30-18:15 Cuma 18:30-19:15 Cumartesi 16:30-17:15 Cumartesi 17:30-18:15 Cumartesi 18:30-19:15 |
| Prerequisites Courses | |
| Recommended Elective Courses | |
| Language of Course | Turkish |
| Course Level | Short Cycle (Associate's Degree) |
| Course Type | Required |
| Course Coordinator | Lect. Beyza KOYULMUŞ |
| Name of Lecturer(s) | Lect. Yasemin CÜNİ |
| Assistant(s) | Visual Studio Code - Node.js |
| Aim | The aim of this course is to provide students with comprehensive knowledge and competencies about the basics of web design and web-based programming. |
| Course Content | This course contains; Introduction Basics of Web Design,HTML (Hypertext Markup Language) - Basics,CSS Basics - Integration, Styling and Formatting,CSS Basics - Page Layout, Git Usage,Responsive Design Basics,Application,Using CSS Preprocessor,CSS Frameworks
Fast design techniques with Bootstrap framework,CSS Frameworks
Tailwind CSS's utility-first approach and usage,JavaScript Basics - Language Structure,JavaScript Basics - DOM and Events,Projects and Teamwork,Project Development. |
| Dersin Öğrenme Kazanımları | Teaching Methods | Assessment Methods |
| Understands the basics of web design | 14, 2, 5, 6, 9 | A, E, F |
| Learn CSS basics | 12, 14, 2, 5, 8, 9 | A, E, F, G |
| Learn the basics of HTML | 12, 14, 6, 8, 9 | A, E, F, G |
| Understands JavaScript basics
| 12, 14, 2, 5, 6, 8 | A, E, F, G, H |
| Develops a web application project | 12, 14, 16, 2, 6, 8, 9 | A, E, F, G |
| Teaching Methods: | 12: Problem Solving Method, 14: Self Study Method, 16: Question - Answer Technique, 2: Project Based Learning Model, 5: Cooperative Learning, 6: Experiential Learning, 8: Flipped Classroom Learning, 9: Lecture Method |
| Assessment Methods: | A: Traditional Written Exam, E: Homework, F: Project Task, G: Quiz, H: Performance Task |
Course Outline
| Order | Subjects | Preliminary Work |
|---|
| 1 | Introduction Basics of Web Design | |
| 2 | HTML (Hypertext Markup Language) - Basics | |
| 3 | CSS Basics - Integration, Styling and Formatting | |
| 4 | CSS Basics - Page Layout | |
| 5 | Git Usage | |
| 6 | Responsive Design Basics | |
| 7 | Application | |
| 8 | Using CSS Preprocessor | |
| 9 | CSS Frameworks
Fast design techniques with Bootstrap framework | |
| 10 | CSS Frameworks
Tailwind CSS's utility-first approach and usage | |
| 11 | JavaScript Basics - Language Structure | |
| 12 | JavaScript Basics - DOM and Events | |
| 13 | Projects and Teamwork | |
| 14 | Project Development | |
| Resources |
| Lecture Presentations |
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. | | | | | |
| 2 | Programlama problemleri için bilinen çözüm yöntemlerini ve özel teknikleri kullanır ve uygular. | | | | | |
| 3 | Yazılım uygulamaları için gerekli olan modern teknik ve araçları kullanır. | | | | | |
| 4 | Bireysel olarak ve çok disiplinli takımlarda etkin olarak çalışır. | | | | | |
| 5 | Geliştirilmiş uygulama veya yazılımın test aşamalarını gerçekler ve takip eder. | | | | | |
| 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. | | | | | |
| 7 | Bilgiye erişir ve bu amaçla kaynak araştırması yapar. | | | | | |
| 8 | Yaşam boyu öğrenmenin gerekliliği bilincindedir; bilim ve teknolojideki gelişmeleri izler ve kendini sürekli yeniler. | | | | | |
| 9 | Sözlü ve yazılı, gerektiğinde teknik resimler ve modern araçlar kullanarak etkin iletişim kurar. | | | | | |
| 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. | | | | | |
| 11 | Geliştirdiği yazılımın temiz ve anlaşılır olmasına özen ve dikkat gösterir. | | | | | |
| 12 | Kullanıcı odaklı tasarım ilkelerine riayet eder. | | | | | |
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) |
| Course Hours | 0 | 0 | 0 |
| Guided Problem Solving | 0 | 0 | 0 |
| Resolution of Homework Problems and Submission as a Report | 0 | 0 | 0 |
| Term Project | 0 | 0 | 0 |
| Presentation of Project / Seminar | 0 | 0 | 0 |
| Quiz | 0 | 0 | 0 |
| Midterm Exam | 0 | 0 | 0 |
| General Exam | 0 | 0 | 0 |
| Performance Task, Maintenance 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 |
|---|
| FUNDAMENTAL of WEB DESING | BPR1114985 | Fall Semester | 3+0 | 3 | 7 |
| Course Program | Cuma 16:30-17:15 Cuma 17:30-18:15 Cuma 18:30-19:15 Cumartesi 16:30-17:15 Cumartesi 17:30-18:15 Cumartesi 18:30-19:15 |
| Prerequisites Courses | |
| Recommended Elective Courses | |
| Language of Course | Turkish |
| Course Level | Short Cycle (Associate's Degree) |
| Course Type | Required |
| Course Coordinator | Lect. Beyza KOYULMUŞ |
| Name of Lecturer(s) | Lect. Yasemin CÜNİ |
| Assistant(s) | Visual Studio Code - Node.js |
| Aim | The aim of this course is to provide students with comprehensive knowledge and competencies about the basics of web design and web-based programming. |
| Course Content | This course contains; Introduction Basics of Web Design,HTML (Hypertext Markup Language) - Basics,CSS Basics - Integration, Styling and Formatting,CSS Basics - Page Layout, Git Usage,Responsive Design Basics,Application,Using CSS Preprocessor,CSS Frameworks
Fast design techniques with Bootstrap framework,CSS Frameworks
Tailwind CSS's utility-first approach and usage,JavaScript Basics - Language Structure,JavaScript Basics - DOM and Events,Projects and Teamwork,Project Development. |
| Dersin Öğrenme Kazanımları | Teaching Methods | Assessment Methods |
| Understands the basics of web design | 14, 2, 5, 6, 9 | A, E, F |
| Learn CSS basics | 12, 14, 2, 5, 8, 9 | A, E, F, G |
| Learn the basics of HTML | 12, 14, 6, 8, 9 | A, E, F, G |
| Understands JavaScript basics
| 12, 14, 2, 5, 6, 8 | A, E, F, G, H |
| Develops a web application project | 12, 14, 16, 2, 6, 8, 9 | A, E, F, G |
| Teaching Methods: | 12: Problem Solving Method, 14: Self Study Method, 16: Question - Answer Technique, 2: Project Based Learning Model, 5: Cooperative Learning, 6: Experiential Learning, 8: Flipped Classroom Learning, 9: Lecture Method |
| Assessment Methods: | A: Traditional Written Exam, E: Homework, F: Project Task, G: Quiz, H: Performance Task |
Course Outline
| Order | Subjects | Preliminary Work |
|---|
| 1 | Introduction Basics of Web Design | |
| 2 | HTML (Hypertext Markup Language) - Basics | |
| 3 | CSS Basics - Integration, Styling and Formatting | |
| 4 | CSS Basics - Page Layout | |
| 5 | Git Usage | |
| 6 | Responsive Design Basics | |
| 7 | Application | |
| 8 | Using CSS Preprocessor | |
| 9 | CSS Frameworks
Fast design techniques with Bootstrap framework | |
| 10 | CSS Frameworks
Tailwind CSS's utility-first approach and usage | |
| 11 | JavaScript Basics - Language Structure | |
| 12 | JavaScript Basics - DOM and Events | |
| 13 | Projects and Teamwork | |
| 14 | Project Development | |
| Resources |
| Lecture Presentations |
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. | | | | | |
| 2 | Programlama problemleri için bilinen çözüm yöntemlerini ve özel teknikleri kullanır ve uygular. | | | | | |
| 3 | Yazılım uygulamaları için gerekli olan modern teknik ve araçları kullanır. | | | | | |
| 4 | Bireysel olarak ve çok disiplinli takımlarda etkin olarak çalışır. | | | | | |
| 5 | Geliştirilmiş uygulama veya yazılımın test aşamalarını gerçekler ve takip eder. | | | | | |
| 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. | | | | | |
| 7 | Bilgiye erişir ve bu amaçla kaynak araştırması yapar. | | | | | |
| 8 | Yaşam boyu öğrenmenin gerekliliği bilincindedir; bilim ve teknolojideki gelişmeleri izler ve kendini sürekli yeniler. | | | | | |
| 9 | Sözlü ve yazılı, gerektiğinde teknik resimler ve modern araçlar kullanarak etkin iletişim kurar. | | | | | |
| 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. | | | | | |
| 11 | Geliştirdiği yazılımın temiz ve anlaşılır olmasına özen ve dikkat gösterir. | | | | | |
| 12 | Kullanıcı odaklı tasarım ilkelerine riayet eder. | | | | | |
Assessment Methods
| Contribution Level | Absolute Evaluation |
| Rate of Midterm Exam to Success | | 40 |
| Rate of Final Exam to Success | | 60 |
| Total | | 100 |
Numerical Data
Ekleme Tarihi: 05/11/2023 - 20:44Son Güncelleme Tarihi: 05/11/2023 - 20:44
×- A-Z Programs
- Undergraduate
- Graduate
- Academic Calendar
- Double Major & Minor Programs
- Erasmus
- Prospective Students
- Registration
- Re-Enrolment
- Fees
- Directorate of Registrar’s Office
- FAQ
- Accommodation
- Scholarships
- Lateral and Vertical Transfer
- Summer School
- Preparation
- Transportation
