Course Introduction and Application Information

Course Code:

BIL107

Course Name:

Web Programming Basics

Semester:

Fall

Course Credits:

ECTS

Language of instruction:

Turkish

Course Condition:

Does the Course Require Work Experience?:

Type of course:

Compulsory Courses

Course Level:

Array

TR-NQF-HE:Array. Master`s Degree

QF-EHEA:Array

EQF-LLL:Array. Master`s Degree

Mode of Delivery:

Face to face

Course Coordinator:

Öğr. Gör. NEDA DADASHKHANI

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

Course - Learning Outcome Relationship

No Effect	1 Lowest	2 Average	3 Highest

Program Outcomes

Level of Contribution

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