ISTINYE UNIVERSITY BİLGİ PAKETİ / DERS KATALOĞU
| Computer Programming (Evening Education) | |||||
| Associate | TR-NQF-HE: Level 5 | QF-EHEA: Short Cycle | EQF-LLL: Level 5 | ||
Course Introduction and Application Information
| Course Code: | BIL107 | ||||
| Course Name: | Web Programming Basics | ||||
| Semester: | Fall | ||||
| Course Credits: |
|
||||
| Language of instruction: | Turkish | ||||
| Course Condition: | |||||
| Does the Course Require Work Experience?: | No | ||||
| Type of course: | Compulsory Courses | ||||
| Course Level: |
|
||||
| Mode of Delivery: | Face to face | ||||
| Course Coordinator: | Öğr. Gör. AHMET SELİM ÖVER | ||||
| Course Lecturer(s): | Öğr. Gör. Rahime Büşra Hacımustafaoğlu | ||||
| Course Assistants: |
Course Objective and Content
| Course Objectives: | In order to create a web project with dynamic content, it can design the relevant database according to need, encode it with a dynamic web programming language (HTML, CSS, JS), create data entry forms, list according to search criteria, edit and delete data via forms, create statistical reports, ), create and manage cookies, create and manage a content management system. |
| Course Content: | Creating websites using the (HTML, CSS, JS)programming language will be covered in practice. Web programming logic will be explained on applications. This lesson plan aims to provide students with basic web development skills, focusing on HTML, CSS, and JavaScript each week. Weekly lesson times can be adjusted according to the complexity of your course content and student levels. Placing more emphasis on the project and application development phases can help students put what has been learned into practice. |
Learning Outcomes
|
The students who have succeeded in this course;
1) Ability to understand and use basic web technologies such as HTML, CSS and JavaScript. 2) Ability to design user-friendly web interfaces & Understanding basic user experience (UX) principles. 3) Ability to understand and relate basic database concepts. 4) Ability to use client-side programming languages (e.g. JavaScript) and libraries. 5) Ability to write code that complies with web standards. 6) Basic optimization knowledge to improve web page performance. 7) Ability to transition to advanced topics, for example, web application development, API usage, MVC (Model-View-Controller) architecture, and other advanced topics. |
Course Flow Plan
| Week | Subject | Related Preparation |
| 1) | Introduction: Fundamentals of web technologies & HTML: Basic HTML tags, structure and elements | None |
| 2) | HTML forms and input elements | None |
| 3) | CSS: Basic CSS properties and selectors & Page layout and box model | None |
| 4) | Colour, typography and visual elements & CSS positioning and editing | None |
| 5) | Responsive design principles & use of Media queries | None |
| 6) | JavaScript: Basic JavaScript concepts | None |
| 7) | Variables, conditions, loops & Basic functions | None |
| 8) | Midterm | 1-7. Weeks |
| 9) | What is Document Object Model (DOM)? | None |
| 10) | DOM manipulation and interaction & Event listening and reacting | None |
| 11) | Object and array manipulation in JavaScript | None |
| 12) | Asynchronous programming and AJAX & Local Storage usage | None |
| 13) | Developing a simple web application | None |
| 14) | Overview of advanced topics (for example, modular programming) | None |
| 15) | Final Exam | 1-14. Weeks |
Sources
| Course Notes / Textbooks: | HTML5, CSS3 ve Javascript ile Web Tasarımı - Burak Tokak |
| References: | https://html-css-js.com/ |
Course - Program Learning Outcome Relationship
| Course Learning Outcomes | 1 |
2 |
3 |
4 |
5 |
6 |
7 |
||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Program Outcomes | |||||||||||||
| 1) He gains the ability of problem solving and analytical thinking skills. | 2 | 2 | 3 | 3 | 3 | 3 | 3 | ||||||
| 2) He learns the fundamentals of computer programming, hardware and software and the basic computer concepts. | 3 | 3 | 3 | 3 | 3 | 3 | 3 | ||||||
| 3) He develops algorithms according to the problems, gains the ability to distinguish the appropriate ones from the fundamental algorithms for the problem. | 3 | 3 | 3 | 3 | 3 | 3 | 3 | ||||||
| 4) He understands object-oriented programming concept and web programming. | 3 | 2 | 3 | 3 | 2 | 3 | 2 | ||||||
| 5) He learns radix systems, fundamental electronics and computer hardware knowledge. | 2 | 2 | 3 | 3 | 3 | 3 | 3 | ||||||
| 6) He gains mobile programming skills and develops applications for mobile platforms. | 3 | 3 | 3 | 2 | 3 | 2 | 2 | ||||||
| 7) He designs and codes databases. | 1 | 3 | 1 | 3 | 3 | 3 | 2 | ||||||
| 8) He learns to program and use computer networks, open source operating systems. | 2 | 3 | 3 | 3 | 3 | 3 | 3 | ||||||
| 9) He uses the English language effectively. | 3 | 3 | 3 | 3 | 3 | 3 | 3 | ||||||
| 10) He learns to use appropriate data structures according to programming requirements. | 3 | 3 | 3 | 2 | 3 | 3 | 2 | ||||||
| 11) He develops software individually or as a team. | 2 | 3 | 3 | 2 | 2 | 2 | 2 | ||||||
| 12) He follows developments in the field, high technology tools / applications. | 2 | 3 | 2 | 3 | 2 | 3 | 2 | ||||||
| 13) He gains awareness of professional and ethical responsibility and has an awareness of professional ethics. | 3 | 3 | 3 | 3 | 3 | 2 | 2 | ||||||
Course - Learning Outcome Relationship
| No Effect | 1 Lowest | 2 Average | 3 Highest |
| Program Outcomes | Level of Contribution | |
| 1) | He gains the ability of problem solving and analytical thinking skills. | 3 |
| 2) | He learns the fundamentals of computer programming, hardware and software and the basic computer concepts. | 3 |
| 3) | He develops algorithms according to the problems, gains the ability to distinguish the appropriate ones from the fundamental algorithms for the problem. | 3 |
| 4) | He understands object-oriented programming concept and web programming. | 3 |
| 5) | He learns radix systems, fundamental electronics and computer hardware knowledge. | 3 |
| 6) | He gains mobile programming skills and develops applications for mobile platforms. | 3 |
| 7) | He designs and codes databases. | 3 |
| 8) | He learns to program and use computer networks, open source operating systems. | 3 |
| 9) | He uses the English language effectively. | 3 |
| 10) | He learns to use appropriate data structures according to programming requirements. | 3 |
| 11) | He develops software individually or as a team. | 3 |
| 12) | He follows developments in the field, high technology tools / applications. | 3 |
| 13) | He gains awareness of professional and ethical responsibility and has an awareness of professional ethics. | 3 |
Assessment & Grading
| Semester Requirements | Number of Activities | Level of Contribution |
| Homework Assignments | 1 | % 15 |
| Midterms | 1 | % 35 |
| Final | 1 | % 50 |
| total | % 100 | |
| PERCENTAGE OF SEMESTER WORK | % 50 | |
| PERCENTAGE OF FINAL WORK | % 50 | |
| total | % 100 | |
Workload and ECTS Credit Calculation
| Activities | Number of Activities | Preparation for the Activity | Spent for the Activity Itself | Completing the Activity Requirements | Workload | ||
| Course Hours | 3 | 10 | 2 | 36 | |||
| Homework Assignments | 1 | 20 | 1 | 21 | |||
| Midterms | 1 | 25 | 2 | 27 | |||
| Final | 1 | 35 | 2 | 37 | |||
| Total Workload | 121 | ||||||