Study Guide

Objective

Learning outcomes of the course: Student will learn the languages that developers use to build webpages: HTML (Hypertext Markup Language) for content, and CSS (Cascading Style Sheets) for design.During the course, student will build a cat photo app to learn the basics of HTML and CSS. Later, you'll learn modern techniques like CSS variables by building a penguin, and best practices for accessibility by building a web form.Finally, student will learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid.

Content

- Basic HTML and HTML5
- Applied Visual Design
- Responsive Web Design Principles
- CSS Flexbox
- CSS Grid
- Projects

Location and time

Course is 100% online (self-study) course which can be done in own pace. Study environments are Metropolia's Viope and Moodle.

Materials

Online in study environments Metropolia's Viope and Moodle.

Teaching methods

Course is 100% online (self-study) course which can be done in own pace.

Employer connections

N/A

Exam schedules

Online.

International connections

N/A

Completion alternatives

N/A

Student workload

Depends on the student's baseline.

Content scheduling

Up to student her-/himself.

Evaluation scale

Hyväksytty/Hylätty

Assessment criteria, satisfactory (1)

Students have achieved the course objectives fairly. Students will be able to identify, define and use the course subject area’s concepts and models. The student understands the criteria and principles of the expertise development.

Assessment criteria, good (3)

Students have achieved the course objectives well, even though the knowledge and skills need improvement on some areas. Students are able to define the course concepts and models and are able to justify the analysis. The student is able to apply their knowledge in study and work situations. The student understands the importance of expertise in the field of information and communication technology and is able to analyze his/her own expertise.

Assessment criteria, excellent (5)

Students have achieved the objectives of the course with excellent marks. Students master commendably the course subject area’s concepts and models. Students are able to make justified and fluent analysis and to present concrete development measures. The students are well prepared to apply their knowledge in study and work situations. Students are able to analyze the information and communication technology sector expertise and the development of their own expertise.

Assessment criteria, approved/failed

Students have achieved the course objectives fairly. Students will be able to identify, define and use the course subject area’s concepts and models. The student understands the criteria and principles of the expertise development.

Assessment methods and criteria

Students have achieved the course objectives fairly. Students will be able to identify, define and use the course subject area’s concepts and models. The student understands the criteria and principles of the expertise development.