Web UILaajuus (6 cr)
Code: HTKA0030
Credits
6 op
Teaching language
- Finnish
Responsible person
- Heikki Sateila
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
Enrollment
01.08.2023 - 24.08.2023
Timing
28.08.2023 - 19.12.2023
Number of ECTS credits allocated
6 op
Virtual portion
2 op
Mode of delivery
67 % Face-to-face, 33 % Online learning
Unit
University Services
Campus
Main Campus
Teaching languages
- Finnish
Seats
20 - 55
Degree programmes
- Bachelor's Degree Programme in Business Information Technology
Teachers
- Heikki Sateila
Groups
-
HTK23S1Tietojenkäsittely (AMK)
-
ZJAHTK23S1Avoin AMK, Tiko, AMK-polut, tietojenkäsittely, tradenomi amk
Objectives
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
Learning materials and recommended literature
Material written by the teacher.
Teaching methods
- Contact lessons
- Theories partly as self-study before contacts
- Exercises
- Final assignment
Exam dates and retake possibilities
The final assignment is done and evaluated at the end of the course. You will be informed about the possibility of retaking the final assignment during the course.
Alternative completion methods
Sinulla on oikeus hakea osaamisen tunnistamista ja tunnustamista, jos sinulla on aiemmin hankittua osaamista (esimerkiksi muualla suoritettuja korkeakouluopintoja), joita voidaan katsoa hyväksi nyt suoritettavaan tutkintoon.
Osaamisen tunnistamisessa ja tunnustamisessa on kolme päätapaa: hyväksilukeminen (korvaaminen, sisällyttäminen) ja muulla tavoin hankitun osaamisen tunnistaminen ja tunnustaminen sekä opinnollistaminen. Lisätietoa JAMKin tutkintosäännössä, luku 17.
Lisätietoja saa opintojakson vastuuopettajalta.
Student workload
Approximately162 hours.
Further information for students
Avoin AMK 5 (sisältyy max-määrään)
Evaluation scale
0-5
Evaluation criteria, satisfactory (1-2)
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.
Evaluation criteria, good (3-4)
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.
Evaluation 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
Enrollment
01.08.2022 - 25.08.2022
Timing
29.08.2022 - 21.12.2022
Number of ECTS credits allocated
6 op
Virtual portion
2 op
Mode of delivery
67 % Face-to-face, 33 % Online learning
Unit
School of Business
Campus
Main Campus
Teaching languages
- Finnish
Seats
0 - 45
Degree programmes
- Bachelor's Degree Programme in Business Information Technology
Teachers
- Teemu Pölkki
Scheduling groups
- Pienryhmä 1 (Capacity: 50. Open UAS: 0.)
- Pienryhmä 2 (Capacity: 50. Open UAS: 0.)
Groups
-
HTK22S1Tietojenkäsittely (AMK)
-
ZJAHTK22S1Avoin AMK, Tiko, AMK-polut, tietojenkäsittely, tradenomi amk
Small groups
- Pienryhmä 1
- Pienryhmä 2
Objectives
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
Learning materials and recommended literature
Opettajan kirjoittama oppimateriaali.
Lisämateriaalina verkossa saatavilla oleva materiaali:
https://developer.mozilla.org/en-US/docs/Web
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
https://www.w3schools.com/
Kirjastojen omat dokumentaatiot:
https://getbootstrap.com/docs/5.0/getting-started/introduction/
Teaching methods
- Reverse classroom
- Teoriat osin itseopiskeluna ennen kontakteja
- Ohjaus- ja tehtäväkontaktit
- Tehtävät
- Lopputyö
Exam dates and retake possibilities
Lopputentti järjestetään opintojakson lopussa joko konetenttinä tai loppukeskusteluna. Uusintamahdollisuuksista tiedotetaan erikseen opintojakson lopussa.
Alternative completion methods
Sinulla on oikeus hakea osaamisen tunnistamista ja tunnustamista, jos sinulla on aiemmin hankittua osaamista (esimerkiksi muualla suoritettuja korkeakouluopintoja), joita voidaan katsoa hyväksi nyt suoritettavaan tutkintoon.
Osaamisen tunnistamisessa ja tunnustamisessa on kolme päätapaa: hyväksilukeminen (korvaaminen, sisällyttäminen) ja muulla tavoin hankitun osaamisen tunnistaminen ja tunnustaminen sekä opinnollistaminen. Lisätietoa JAMKin tutkintosäännössä, luku 17.
Lisätietoja saa opintojakson vastuuopettajalta.
Student workload
Opintojakson keskimääräinen kuormittavuus on 162 tuntia.
~60h kontaktiopetusta
~70h opiskelijan itsenäistä työskentelyä (esimerkiksi tehtävät, materiaalin lukeminen, itsenäistä harjoittelua)
~30h lopputyö
Further information for students
Avoin AMK 5 (sisältyy max-määrään)
Vaihto-opiskelijat:
Evaluation scale
0-5
Evaluation criteria, satisfactory (1-2)
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.
Evaluation criteria, good (3-4)
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.
Evaluation 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