Web UILaajuus (6 cr)

Objective

In the Web UI course, you will learn how to independently develop rich, responsive web pages using HTML and CSS technologies. In addition to markup languages ​​and style guidelines, the course covers the basics and development of user interfaces for modern web applications. In the course, you will get acquainted with HTML and CSS layout libraries & application frameworks and use them to create website layouts and functionalities.

After completing the course, you have learned to independently create static responsive websites that fit your needs. This skill is one of the basic skills of every web application developer.

Course competencies
- Web development competence
- Systems and methods in ICT
- Learning and information management competence

You understand the basics of website development. These include, among others, file structure, layout, and the use of development tools. You will learn to use markup language (HTML) and style guidelines (CSS), understand their syntax and structure. You will learn how to use CSS preprocessing libraries. You will learn how to make static websites using the techniques mentioned, as well as become familiar with making responsive websites. You will learn to use layout libraries and application frameworks in website development.

Content

- HTML5 (HyperText Markup Language)
- CSS (Cascading Style Sheets)
- CSS preprocessing
- Front-end component libraries and frameworks
- Responsive web design

Assessment criteria, satisfactory (1)

Sufficient 1: You know the terms used and know how to use them when working on the course. You recognize what different parts websites are built from. You recognize what the different sections are in the layouts of your web pages. You know how to create a static website independently and you know the principles of responsive website development.

Satisfactory 2: You use the terminology of the course fluently. You recognize what different parts of a website are built. You understand what different parts websites are built from. You recognize what the different sections there are in web page layouts. You know how to create a static website that is syntactically and structurally correct, and you know the principles of responsive website development.

Assessment criteria, good (3)

Good 3: You use the terminology of the course fluently. You can independently create a static web page that is syntactically and structurally correct. You understand what different parts websites are built from and what the layouts are, and you know how to apply your related knowledge in a way that suits your needs. You apply the principles of responsive website development in practice. You understand the importance of layout libraries and application frameworks in developing websites and know how to use some ready-made configurations.

Very good 4: You use the terminology of the course fluently. You can independently create a static responsive web page that is syntactically and structurally correct. You can analyze the structures & layouts of websites and create solutions that suit your use. You can use layout libraries and application frameworks to create a solution that suits you.

Assessment criteria, excellent (5)

Excellent 5: You use the terminology of the course fluently. You can independently create a static responsive web page that is syntactically and structurally correct. You can analyze and are able to justify website design choices and site layouts. You can use the definitions of layout libraries and application frameworks and customize them to suit your needs. You are able to independently expand and apply your knowledge and skills