Course Description
| Course | Code | Semester | T+P (Hour) | Credit | ECTS |
|---|
| FUNDAMENTAL of WEB DESING | BPR1114985 | Fall Semester | 3+0 | 3 | 7 |
| Course Program | Perşembe 10:00-10:45 Perşembe 11:00-11:45 Perşembe 12:00-12:45 Cumartesi 13:30-14:15 Cumartesi 14:30-15:15 Cumartesi 15:30-16: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 | Has the background in algorithms, programming, and application development in software engineering projects; and has the ability to use them together in business. | | | X | | |
| 2 | Chooses and uses the proper solution methods and special techniques for programming purpose. | | | | X | |
| 3 | Uses modern techniques and tools for programming applications. | | | | X | |
| 4 | Works effectively individually and in teams. | | | | | X |
| 5 | Implements and follows test cases of developed software and applications. | | | X | | |
| 6 | Has the awareness in workplace practices, worker health, environmental and workplace safety, professional and ethical responsibility, and legal issues about programming practices. | X | | | | |
| 7 | Reaches information, and surveys resources for this purpose. | | | | | X |
| 8 | Aware of the necessity of life-long learning; follows technological advances and renews him/herself. | | | | X | |
| 9 | Communicates, oral and written, effectively using modern tools. | | X | | | |
| 10 | Aware of universal and social effects of software solutions and practices; develops new software tools for solving universal problems and social advance. | | | X | | |
| 11 | Keeps attention in clean and readable code design. | | | X | | |
| 12 | Considers and follows user centered design principles. | | | 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) |
| 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 | Perşembe 10:00-10:45 Perşembe 11:00-11:45 Perşembe 12:00-12:45 Cumartesi 13:30-14:15 Cumartesi 14:30-15:15 Cumartesi 15:30-16: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 | Has the background in algorithms, programming, and application development in software engineering projects; and has the ability to use them together in business. | | | X | | |
| 2 | Chooses and uses the proper solution methods and special techniques for programming purpose. | | | | X | |
| 3 | Uses modern techniques and tools for programming applications. | | | | X | |
| 4 | Works effectively individually and in teams. | | | | | X |
| 5 | Implements and follows test cases of developed software and applications. | | | X | | |
| 6 | Has the awareness in workplace practices, worker health, environmental and workplace safety, professional and ethical responsibility, and legal issues about programming practices. | X | | | | |
| 7 | Reaches information, and surveys resources for this purpose. | | | | | X |
| 8 | Aware of the necessity of life-long learning; follows technological advances and renews him/herself. | | | | X | |
| 9 | Communicates, oral and written, effectively using modern tools. | | X | | | |
| 10 | Aware of universal and social effects of software solutions and practices; develops new software tools for solving universal problems and social advance. | | | X | | |
| 11 | Keeps attention in clean and readable code design. | | | X | | |
| 12 | Considers and follows user centered design principles. | | | X | | |
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:23Son Güncelleme Tarihi: 05/11/2023 - 20:25
×- 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
