Responsive Web DesignLaajuus (10 cr)
Code: TT00EX18
Credits
10 op
Teaching language
- English
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
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.
Timing
01.01.2024 - 31.12.2027
Number of ECTS credits allocated
10 op
Virtual portion
10 op
Mode of delivery
Distance learning
Unit
School of ICT
Campus
Karaportti 2
Teaching languages
- English
Seats
0 - 10000
Degree programmes
- Degree Programme in Information Technology
Teachers
- Janne Salonen
Groups
-
AVOIN_AMK_ICT_180_OPDegree Progamme of Information Technology, path 180 ECTS
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.
Enrollment
02.07.2023 - 31.07.2023
Timing
01.01.2024 - 31.07.2024
Number of ECTS credits allocated
10 op
Virtual portion
10 op
Mode of delivery
Distance learning
Campus
Karaportti 2
Teaching languages
- English
Degree programmes
- Information and Communication Technology
Teacher in charge
Janne Salonen
Groups
-
VIOPE_NonStop6VIOPE_NonStop6
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
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.
Enrollment
02.07.2023 - 31.07.2023
Timing
01.01.2024 - 31.07.2024
Number of ECTS credits allocated
10 op
Virtual portion
10 op
Mode of delivery
Distance learning
Campus
Karaportti 2
Teaching languages
- English
Degree programmes
- Information and Communication Technology
Teacher in charge
Janne Salonen
Groups
-
Viope_nonstop_9Viope_nonstop_9
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
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.
Enrollment
02.07.2023 - 31.07.2023
Timing
01.01.2024 - 31.07.2024
Number of ECTS credits allocated
10 op
Virtual portion
10 op
Mode of delivery
Distance learning
Unit
School of ICT
Campus
Karaportti 2
Teaching languages
- English
Degree programmes
- Information and Communication Technology
Teacher in charge
Janne Salonen
Groups
-
Viope_nonstop_11Viope_nonstop_11
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
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.
Enrollment
02.07.2023 - 31.07.2023
Timing
01.08.2023 - 31.07.2024
Number of ECTS credits allocated
10 op
Virtual portion
10 op
Mode of delivery
Distance learning
Unit
School of ICT
Campus
Karaportti 2
Teaching languages
- English
Degree programmes
- Information and Communication Technology
Teacher in charge
Janne Salonen
Groups
-
Viope_nonstop_12Viope_nonstop_12
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
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.
Enrollment
02.07.2023 - 31.07.2023
Timing
01.08.2023 - 31.07.2024
Number of ECTS credits allocated
10 op
Virtual portion
10 op
Mode of delivery
Distance learning
Unit
School of ICT
Campus
Karaportti 2
Teaching languages
- English
Degree programmes
- Information and Communication Technology
Teacher in charge
Janne Salonen
Groups
-
Viope_nonstop_13Viope_nonstop_13
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
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.
Timing
01.01.2022 - 31.12.2026
Number of ECTS credits allocated
10 op
Virtual portion
10 op
Mode of delivery
Distance learning
Unit
School of ICT
Campus
Karaportti 2
Teaching languages
- English
Seats
0 - 1000
Degree programmes
- Degree Programme in Information Technology
Teachers
- Janne Salonen
Groups
-
ATX23TV_KEVÄTATX23TV_KEVÄT
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.