INTERFACE AND DESIGN II

İTA342

Course Code: İTA342
Semester: -
Theory+Practice: 3 + 0
ECTS: 5

Course Type

Elective Course

Course Level

Bachelor's Degree

Year of Study

Semester

ECTS

Name of Lecturer(s)

Assistant Professor Erdem İlic

Learning Outcomes

At the end of this course, the students;

Become proficient in HTML and CSS markup languages.
Gain proficiency in the Bootstrap framework.
Acquire a general knowledge of object-oriented programming with JavaScript.

Mode of Delivery

Face to face

Prerequisites

Yes(İTA341)

Recommended Optional Programme Components

None

Course Description

In this course, students will reach an advanced level in markup languages. They will learn object-oriented web development with HTML and CSS libraries and frameworks.

Course Contents

WEEK	TOPICS
1^st Week	Course description and expectations
2^nd Week	Responsive design
3^rd Week	Responsive and mobile-friendly design
4^th Week	Media queries
5^th Week	Bootstrap websites
6^th Week	Bootstrap grid system
7^th Week	Bootstrap interaction and navigation
8^th Week	Artificial intelligence in interface design.
9^th Week	Using artificial intelligence in HTML CSS and JS coding.
10^th Week	Bootstrap basic components. Carousel, heroes, dropdown.
11^th Week	Bootstrap examples and customization
12^th Week	Object-oriented programming with JavaScript
13^th Week	JavaScript functions and loops
14^th Week	Design processes.

Recommended or Required Reading

Duckett, Jon (2019). HTML ve CSS Web Siteleri Tasarlamak ve Oluşturmak, Nobel Yaşam.
Graph, Mark (2020), The Ultimate Guide to Understand
JavaScript Code and its Fundamentals. (pdf)
Robson, Elisabeth (2012). Head First HTML and CSS, O?Reilly.
Robbins, Jennifer (2012), Learning Web Design, O?Reilly.

Planned Learning Activities and Teaching Methods

Presentation
Application
Project

Assessment Methods and Criteria

	Quantity	Percentage (%)
Mid-term	1	30
Attendance	1	20
Total(%)		50
Contribution of In-term Studies to Overall Grade(%)		50
Contribution of Final Examination to Overall Grade(%)		50
Total(%)		100

ECTS Allocated Based on Student Workload

Activities	Quantity	Duration (Hour)	Total Workload (Hour)
Midterm exam	1	1	1
Preparation for Quiz	1	10	10
Individual or group work	14	3	42
Preparation for Final exam	1	20	20
Course hours	14	3	42
Preparation for Midterm exam	1	10	10
Laboratory (including preparation)
Final exam	1	1	1
Homework	1	24	24
Total Work Load			150
Total Work Load / 30 (h)			5
ECTS Credit of the Course			5

Language of Instruction

Turkish

Work Placement(s)

Programme Qualifications / Learning Outcomes

	LO1	LO2	LO3
K1	X	X	X
K2	X	X	X
K3	X	X	X
K4		X
K5	X	X	X
K6	X	X
K7		X
K8	X	X
K9	X	X	X
K10	X	X	X
K11		X
K12	X	X
K13	X		X
K14	X	X	X
K15		X
K16	X		X
K17			X
K18	X
K19	X	X	X
K20		X
K21	X	X
K22	X	X	X
K23		X
K24	X		X
K25	X	X	X

	LO1	LO2	LO3
K1	X	X	X
K2	X	X	X
K3	X	X	X
K4		X
K5	X	X	X
K6	X	X
K7		X
K8	X	X
K9	X	X	X
K10	X	X	X
K11		X
K12	X	X
K13	X		X
K14	X	X	X
K15		X
K16	X		X
K17			X
K18	X
K19	X	X	X
K20		X
K21	X	X
K22	X	X	X
K23		X
K24	X		X
K25	X	X	X

	LO1	LO2	LO3
K1	X	X	X
K2	X	X	X
K3	X	X	X
K4		X
K5	X	X	X
K6	X	X
K7		X
K8	X	X
K9	X	X	X
K10	X	X	X
K11		X
K12	X	X
K13	X		X
K14	X	X	X
K15		X
K16	X		X
K17			X
K18	X
K19	X	X	X
K20		X
K21	X	X
K22	X	X	X
K23		X
K24	X		X
K25	X	X	X

	LO1	LO2	LO3
K1	X	X	X
K2	X	X	X
K3	X	X	X
K4		X
K5	X	X	X
K6	X	X
K7		X
K8	X	X
K9	X	X	X
K10	X	X	X
K11		X
K12	X	X
K13	X		X
K14	X	X	X
K15		X
K16	X		X
K17			X
K18	X
K19	X	X	X
K20		X
K21	X	X
K22	X	X	X
K23		X
K24	X		X
K25	X	X	X