Course Description
Course | Code | Semester | T+P (Hour) | Credit | ECTS |
---|
FUNDAMENTAL of WEB DESING | BPR1114985 | Fall Semester | 3+0 | 3 | 7 |
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 |
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