Skip to main content

Web User Interface ProgrammingLaajuus (5 cr)

Code: TTC8420

Credits

5 op

Teaching language

  • Finnish
  • English

Responsible person

  • Ari Rantala
  • Pasi Manninen
  • Teemu Siikaniemi

Objective

Purpose:
You know and understand the possibilities of different application frameworks to implement web applications that works in the web browser, respond and scale to different user needs. You understand the Full Stack application development in the client side.

EUR-ACE Competences:
Knowledge and Understanding
Engineering practice

Learning outcomes:
You are able to design and implement scalable web applications with application frameworks. You can load and show external data in your web application.

Content

SPA application architecture
JSX markup and development process
Application state and lifecycle
Component properties and events
Using external service interfaces and data visualization
Advanced communication between components
Routing between pages
Application publishing

Qualifications

Basic programming skills in a web environment (HTML, CSS, JavaScript).

Assessment criteria, satisfactory (1)

Sufficient 1:
You know and understand the prospects of the selected web application framework programming; however, to produce an application with the technology causes difficulties. You have only completed the part of the course exercises. Your research task topic is restricted. You are able to plan and create a small-scale web application which uses external data weakly. You have participated in the compilation of the research assignment documentation and the seminar presentation.

Satisfactory 2:
You are able to apply your knowledge of the selected web application framework programming and implement a web application which uses external data. You have done the most important exercises of the course. Your research task topic is restricted. The documentation is partly disordered and insufficient. You have kept a seminar presentation.

Assessment criteria, good (3)

Good 3:
You are able to analyse the prospects of the selected web application framework programming and create a web application which uses external data nicely. You have completed the most of the course exercises. Your research task topic is conventional. The documentation attached to the research task describes the introduction, configuration, structure and implementation of the application. You are able to analyse your own choices in a seminar presentation.

Very good 4:
You are able to assess the prospects of the selected web application framework programming and create a web application uses external data comprehensively. You have completed almost all the tasks of the course. Your research task topic is demanding. The documentation attached to the research task describes the introduction, configuration, structure, implementation and release of the web application extensively. You are able to assess and validate your own solutions in a seminar presentation. You masters a responsible project work and the high-quality documentation related to it.

Assessment criteria, excellent (5)

Excellent 5:
You are able to assess the prospects of the selected web application framework programming critically and create a web application uses external data widely. You have completed all of the course assignments. Your research task topic is challenging and extensive. The documentation attached to the research assignment describes the introduction, configuration, structure, implementation, release and testing of the used technology extensively and faultlessly. You are able to assess and validate your own choices critically in a seminar presentation. You masters responsible project work and the high-quality documentation related to it.

Materials

Described in the implementation

Enrollment

01.08.2024 - 22.08.2024

Timing

26.08.2024 - 18.12.2024

Number of ECTS credits allocated

5 op

Mode of delivery

Face-to-face

Unit

School of Technology

Campus

Lutakko Campus

Teaching languages
  • English
Seats

0 - 35

Degree programmes
  • Bachelor's Degree Programme in Information and Communications Technology
  • Bachelor's Degree Programme in Information and Communications Technology
Teachers
  • Pasi Manninen
Groups
  • TTV22S5
    Tieto- ja viestintätekniikka (AMK)
  • TTV22S2
    Tieto- ja viestintätekniikka (AMK)
  • TTV22S3
    Tieto- ja viestintätekniikka (AMK)
  • TIC22S1
    Bachelor's Degree Programme in Information and Communications Technology
  • TTV22S1
    Tieto- ja viestintätekniikka (AMK)
  • TTV22S4
    Tieto- ja viestintätekniikka (AMK)

Objectives

Purpose:
You know and understand the possibilities of different application frameworks to implement web applications that works in the web browser, respond and scale to different user needs. You understand the Full Stack application development in the client side.

EUR-ACE Competences:
Knowledge and Understanding
Engineering practice

Learning outcomes:
You are able to design and implement scalable web applications with application frameworks. You can load and show external data in your web application.

Content

SPA application architecture
JSX markup and development process
Application state and lifecycle
Component properties and events
Using external service interfaces and data visualization
Advanced communication between components
Routing between pages
Application publishing

Learning materials and recommended literature

Course material in GitLab / LabraNet service

Teaching methods

Lectures, exercises, research assignment. Can be studied virtually.

Alternative completion methods

Recognition of prior learning

Student workload

Lectures 25h, exercises 80h, research assignment 30h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1:
You know and understand the prospects of the selected web application framework programming; however, to produce an application with the technology causes difficulties. You have only completed the part of the course exercises. Your research task topic is restricted. You are able to plan and create a small-scale web application which uses external data weakly. You have participated in the compilation of the research assignment documentation and the seminar presentation.

Satisfactory 2:
You are able to apply your knowledge of the selected web application framework programming and implement a web application which uses external data. You have done the most important exercises of the course. Your research task topic is restricted. The documentation is partly disordered and insufficient. You have kept a seminar presentation.

Evaluation criteria, good (3-4)

Good 3:
You are able to analyse the prospects of the selected web application framework programming and create a web application which uses external data nicely. You have completed the most of the course exercises. Your research task topic is conventional. The documentation attached to the research task describes the introduction, configuration, structure and implementation of the application. You are able to analyse your own choices in a seminar presentation.

Very good 4:
You are able to assess the prospects of the selected web application framework programming and create a web application uses external data comprehensively. You have completed almost all the tasks of the course. Your research task topic is demanding. The documentation attached to the research task describes the introduction, configuration, structure, implementation and release of the web application extensively. You are able to assess and validate your own solutions in a seminar presentation. You masters a responsible project work and the high-quality documentation related to it.

Evaluation criteria, excellent (5)

Excellent 5:
You are able to assess the prospects of the selected web application framework programming critically and create a web application uses external data widely. You have completed all of the course assignments. Your research task topic is challenging and extensive. The documentation attached to the research assignment describes the introduction, configuration, structure, implementation, release and testing of the used technology extensively and faultlessly. You are able to assess and validate your own choices critically in a seminar presentation. You masters responsible project work and the high-quality documentation related to it.

Prerequisites

Basic programming skills in a web environment (HTML, CSS, JavaScript).

Enrollment

20.11.2023 - 04.01.2024

Timing

08.01.2024 - 23.04.2024

Number of ECTS credits allocated

5 op

Virtual portion

5 op

Mode of delivery

Online learning

Unit

School of Technology

Campus

Lutakko Campus

Teaching languages
  • English
Seats

0 - 35

Degree programmes
  • Bachelor's Degree Programme in Information and Communications Technology
Teachers
  • Pasi Manninen
Groups
  • TTV21S3
    Tieto- ja viestintätekniikka (AMK)
  • TTV21S5
    Tieto- ja viestintätekniikka (AMK)
  • TTV21SM
    Tieto- ja viestintätekniikka (AMK)
  • ZJA24KTISK1
    Avoin amk, Sovelluskehitys 1, Verkko
  • TTV21S2
    Tieto- ja viestintätekniikka (AMK)
  • TTV21S1
    Tieto- ja viestintätekniikka (AMK)

Objectives

Purpose:
You know and understand the possibilities of different application frameworks to implement web applications that works in the web browser, respond and scale to different user needs. You understand the Full Stack application development in the client side.

EUR-ACE Competences:
Knowledge and Understanding
Engineering practice

Learning outcomes:
You are able to design and implement scalable web applications with application frameworks. You can load and show external data in your web application.

Content

SPA application architecture
JSX markup and development process
Application state and lifecycle
Component properties and events
Using external service interfaces and data visualization
Advanced communication between components
Routing between pages
Application publishing

Learning materials and recommended literature

Course material in GitLab / LabraNet service

Teaching methods

Lectures, exercises, research assignment. Can be studied virtually.

Alternative completion methods

Recognition of prior learning

Student workload

Lectures 25h, exercises 80h, research assignment 30h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1:
You know and understand the prospects of the selected web application framework programming; however, to produce an application with the technology causes difficulties. You have only completed the part of the course exercises. Your research task topic is restricted. You are able to plan and create a small-scale web application which uses external data weakly. You have participated in the compilation of the research assignment documentation and the seminar presentation.

Satisfactory 2:
You are able to apply your knowledge of the selected web application framework programming and implement a web application which uses external data. You have done the most important exercises of the course. Your research task topic is restricted. The documentation is partly disordered and insufficient. You have kept a seminar presentation.

Evaluation criteria, good (3-4)

Good 3:
You are able to analyse the prospects of the selected web application framework programming and create a web application which uses external data nicely. You have completed the most of the course exercises. Your research task topic is conventional. The documentation attached to the research task describes the introduction, configuration, structure and implementation of the application. You are able to analyse your own choices in a seminar presentation.

Very good 4:
You are able to assess the prospects of the selected web application framework programming and create a web application uses external data comprehensively. You have completed almost all the tasks of the course. Your research task topic is demanding. The documentation attached to the research task describes the introduction, configuration, structure, implementation and release of the web application extensively. You are able to assess and validate your own solutions in a seminar presentation. You masters a responsible project work and the high-quality documentation related to it.

Evaluation criteria, excellent (5)

Excellent 5:
You are able to assess the prospects of the selected web application framework programming critically and create a web application uses external data widely. You have completed all of the course assignments. Your research task topic is challenging and extensive. The documentation attached to the research assignment describes the introduction, configuration, structure, implementation, release and testing of the used technology extensively and faultlessly. You are able to assess and validate your own choices critically in a seminar presentation. You masters responsible project work and the high-quality documentation related to it.

Prerequisites

Basic programming skills in a web environment (HTML, CSS, JavaScript).

Enrollment

01.08.2023 - 24.08.2023

Timing

28.08.2023 - 19.12.2023

Number of ECTS credits allocated

5 op

Mode of delivery

Face-to-face

Unit

School of Technology

Campus

Lutakko Campus

Teaching languages
  • English
Seats

0 - 35

Degree programmes
  • Bachelor's Degree Programme in Information and Communications Technology
  • Bachelor's Degree Programme in Information and Communications Technology
Teachers
  • Pasi Manninen
Groups
  • TTV21S3
    Tieto- ja viestintätekniikka (AMK)
  • TTV21S5
    Tieto- ja viestintätekniikka (AMK)
  • TIC21S1
    Bachelor's Degree Programme in Information and Communications Technology
  • TTV21S2
    Tieto- ja viestintätekniikka (AMK)
  • TTV21S1
    Tieto- ja viestintätekniikka (AMK)

Objectives

Purpose:
You know and understand the possibilities of different application frameworks to implement web applications that works in the web browser, respond and scale to different user needs. You understand the Full Stack application development in the client side.

EUR-ACE Competences:
Knowledge and Understanding
Engineering practice

Learning outcomes:
You are able to design and implement scalable web applications with application frameworks. You can load and show external data in your web application.

Content

SPA application architecture
JSX markup and development process
Application state and lifecycle
Component properties and events
Using external service interfaces and data visualization
Advanced communication between components
Routing between pages
Application publishing

Learning materials and recommended literature

Course material in GitLab / LabraNet service

Teaching methods

Lectures, exercises, research assignment. Can be studied virtually.

Alternative completion methods

Recognition of prior learning

Student workload

Lectures 25h, exercises 80h, research assignment 30h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1:
You know and understand the prospects of the selected web application framework programming; however, to produce an application with the technology causes difficulties. You have only completed the part of the course exercises. Your research task topic is restricted. You are able to plan and create a small-scale web application which uses external data weakly. You have participated in the compilation of the research assignment documentation and the seminar presentation.

Satisfactory 2:
You are able to apply your knowledge of the selected web application framework programming and implement a web application which uses external data. You have done the most important exercises of the course. Your research task topic is restricted. The documentation is partly disordered and insufficient. You have kept a seminar presentation.

Evaluation criteria, good (3-4)

Good 3:
You are able to analyse the prospects of the selected web application framework programming and create a web application which uses external data nicely. You have completed the most of the course exercises. Your research task topic is conventional. The documentation attached to the research task describes the introduction, configuration, structure and implementation of the application. You are able to analyse your own choices in a seminar presentation.

Very good 4:
You are able to assess the prospects of the selected web application framework programming and create a web application uses external data comprehensively. You have completed almost all the tasks of the course. Your research task topic is demanding. The documentation attached to the research task describes the introduction, configuration, structure, implementation and release of the web application extensively. You are able to assess and validate your own solutions in a seminar presentation. You masters a responsible project work and the high-quality documentation related to it.

Evaluation criteria, excellent (5)

Excellent 5:
You are able to assess the prospects of the selected web application framework programming critically and create a web application uses external data widely. You have completed all of the course assignments. Your research task topic is challenging and extensive. The documentation attached to the research assignment describes the introduction, configuration, structure, implementation, release and testing of the used technology extensively and faultlessly. You are able to assess and validate your own choices critically in a seminar presentation. You masters responsible project work and the high-quality documentation related to it.

Prerequisites

Basic programming skills in a web environment (HTML, CSS, JavaScript).

Timing

11.01.2023 - 22.05.2023

Number of ECTS credits allocated

5 op

Virtual portion

4 op

Mode of delivery

20 % Face-to-face, 80 % Online learning

Unit

School of Technology

Campus

Lutakko Campus

Teaching languages
  • English
  • Finnish
Seats

0 - 20

Degree programmes
  • Bachelor's Degree Programme in Information and Communications Technology
  • Bachelor's Degree Programme in Information and Communications Technology
Teachers
  • Teemu Siikaniemi
Teacher in charge

Jouni Huotari

Groups
  • TTK23KOHJ
    Ohjelmistoalan osaajaksi

Objectives

Purpose:
You know and understand the possibilities of different application frameworks to implement web applications that works in the web browser, respond and scale to different user needs. You understand the Full Stack application development in the client side.

EUR-ACE Competences:
Knowledge and Understanding
Engineering practice

Learning outcomes:
You are able to design and implement scalable web applications with application frameworks. You can load and show external data in your web application.

Content

SPA application architecture
JSX markup and development process
Application state and lifecycle
Component properties and events
Using external service interfaces and data visualization
Advanced communication between components
Routing between pages
Application publishing

Learning materials and recommended literature

Course material in GitLab / LabraNet service

Teaching methods

Lectures, exercises, research assignment. Can be studied virtually.

Alternative completion methods

Recognition of prior learning

Student workload

Lectures 25h, exercises 80h, research assignment 30h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1:
You know and understand the prospects of the selected web application framework programming; however, to produce an application with the technology causes difficulties. You have only completed the part of the course exercises. Your research task topic is restricted. You are able to plan and create a small-scale web application which uses external data weakly. You have participated in the compilation of the research assignment documentation and the seminar presentation.

Satisfactory 2:
You are able to apply your knowledge of the selected web application framework programming and implement a web application which uses external data. You have done the most important exercises of the course. Your research task topic is restricted. The documentation is partly disordered and insufficient. You have kept a seminar presentation.

Evaluation criteria, good (3-4)

Good 3:
You are able to analyse the prospects of the selected web application framework programming and create a web application which uses external data nicely. You have completed the most of the course exercises. Your research task topic is conventional. The documentation attached to the research task describes the introduction, configuration, structure and implementation of the application. You are able to analyse your own choices in a seminar presentation.

Very good 4:
You are able to assess the prospects of the selected web application framework programming and create a web application uses external data comprehensively. You have completed almost all the tasks of the course. Your research task topic is demanding. The documentation attached to the research task describes the introduction, configuration, structure, implementation and release of the web application extensively. You are able to assess and validate your own solutions in a seminar presentation. You masters a responsible project work and the high-quality documentation related to it.

Evaluation criteria, excellent (5)

Excellent 5:
You are able to assess the prospects of the selected web application framework programming critically and create a web application uses external data widely. You have completed all of the course assignments. Your research task topic is challenging and extensive. The documentation attached to the research assignment describes the introduction, configuration, structure, implementation, release and testing of the used technology extensively and faultlessly. You are able to assess and validate your own choices critically in a seminar presentation. You masters responsible project work and the high-quality documentation related to it.

Prerequisites

Basic programming skills in a web environment (HTML, CSS, JavaScript).

Enrollment

01.11.2022 - 05.01.2023

Timing

09.01.2023 - 28.04.2023

Number of ECTS credits allocated

5 op

Virtual portion

5 op

Mode of delivery

Online learning

Unit

School of Technology

Teaching languages
  • English
  • Finnish
Seats

0 - 70

Degree programmes
  • Bachelor's Degree Programme in Information and Communications Technology
Teachers
  • Pasi Manninen
Groups
  • TTK23KOHJ
    Ohjelmistoalan osaajaksi

Objectives

Purpose:
You know and understand the possibilities of different application frameworks to implement web applications that works in the web browser, respond and scale to different user needs. You understand the Full Stack application development in the client side.

EUR-ACE Competences:
Knowledge and Understanding
Engineering practice

Learning outcomes:
You are able to design and implement scalable web applications with application frameworks. You can load and show external data in your web application.

Content

SPA application architecture
JSX markup and development process
Application state and lifecycle
Component properties and events
Using external service interfaces and data visualization
Advanced communication between components
Routing between pages
Application publishing

Learning materials and recommended literature

Course material in GitLab / LabraNet service

Teaching methods

Lectures, exercises, research assignment. Can be studied virtually.

Alternative completion methods

Recognition of prior learning

Student workload

Lectures 25h, exercises 80h, research assignment 30h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1:
You know and understand the prospects of the selected web application framework programming; however, to produce an application with the technology causes difficulties. You have only completed the part of the course exercises. Your research task topic is restricted. You are able to plan and create a small-scale web application which uses external data weakly. You have participated in the compilation of the research assignment documentation and the seminar presentation.

Satisfactory 2:
You are able to apply your knowledge of the selected web application framework programming and implement a web application which uses external data. You have done the most important exercises of the course. Your research task topic is restricted. The documentation is partly disordered and insufficient. You have kept a seminar presentation.

Evaluation criteria, good (3-4)

Good 3:
You are able to analyse the prospects of the selected web application framework programming and create a web application which uses external data nicely. You have completed the most of the course exercises. Your research task topic is conventional. The documentation attached to the research task describes the introduction, configuration, structure and implementation of the application. You are able to analyse your own choices in a seminar presentation.

Very good 4:
You are able to assess the prospects of the selected web application framework programming and create a web application uses external data comprehensively. You have completed almost all the tasks of the course. Your research task topic is demanding. The documentation attached to the research task describes the introduction, configuration, structure, implementation and release of the web application extensively. You are able to assess and validate your own solutions in a seminar presentation. You masters a responsible project work and the high-quality documentation related to it.

Evaluation criteria, excellent (5)

Excellent 5:
You are able to assess the prospects of the selected web application framework programming critically and create a web application uses external data widely. You have completed all of the course assignments. Your research task topic is challenging and extensive. The documentation attached to the research assignment describes the introduction, configuration, structure, implementation, release and testing of the used technology extensively and faultlessly. You are able to assess and validate your own choices critically in a seminar presentation. You masters responsible project work and the high-quality documentation related to it.

Prerequisites

Basic programming skills in a web environment (HTML, CSS, JavaScript).

Enrollment

01.08.2022 - 25.08.2022

Timing

29.08.2022 - 16.12.2022

Number of ECTS credits allocated

5 op

Mode of delivery

Face-to-face

Unit

School of Technology

Campus

Lutakko Campus

Teaching languages
  • English
  • Finnish
Seats

0 - 30

Degree programmes
  • Bachelor's Degree Programme in Information and Communications Technology
Teachers
  • Pasi Manninen

Objectives

Purpose:
You know and understand the possibilities of different application frameworks to implement web applications that works in the web browser, respond and scale to different user needs. You understand the Full Stack application development in the client side.

EUR-ACE Competences:
Knowledge and Understanding
Engineering practice

Learning outcomes:
You are able to design and implement scalable web applications with application frameworks. You can load and show external data in your web application.

Content

SPA application architecture
JSX markup and development process
Application state and lifecycle
Component properties and events
Using external service interfaces and data visualization
Advanced communication between components
Routing between pages
Application publishing

Time and location

ExchangeStudent: 5

Learning materials and recommended literature

Course material in GitLab / LabraNet service

Teaching methods

Lectures, exercises, research assignment. Can be studied virtually.

Alternative completion methods

Recognition of prior learning

Student workload

Lectures 25h, exercises 80h, research assignment 30h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1:
You know and understand the prospects of the selected web application framework programming; however, to produce an application with the technology causes difficulties. You have only completed the part of the course exercises. Your research task topic is restricted. You are able to plan and create a small-scale web application which uses external data weakly. You have participated in the compilation of the research assignment documentation and the seminar presentation.

Satisfactory 2:
You are able to apply your knowledge of the selected web application framework programming and implement a web application which uses external data. You have done the most important exercises of the course. Your research task topic is restricted. The documentation is partly disordered and insufficient. You have kept a seminar presentation.

Evaluation criteria, good (3-4)

Good 3:
You are able to analyse the prospects of the selected web application framework programming and create a web application which uses external data nicely. You have completed the most of the course exercises. Your research task topic is conventional. The documentation attached to the research task describes the introduction, configuration, structure and implementation of the application. You are able to analyse your own choices in a seminar presentation.

Very good 4:
You are able to assess the prospects of the selected web application framework programming and create a web application uses external data comprehensively. You have completed almost all the tasks of the course. Your research task topic is demanding. The documentation attached to the research task describes the introduction, configuration, structure, implementation and release of the web application extensively. You are able to assess and validate your own solutions in a seminar presentation. You masters a responsible project work and the high-quality documentation related to it.

Evaluation criteria, excellent (5)

Excellent 5:
You are able to assess the prospects of the selected web application framework programming critically and create a web application uses external data widely. You have completed all of the course assignments. Your research task topic is challenging and extensive. The documentation attached to the research assignment describes the introduction, configuration, structure, implementation, release and testing of the used technology extensively and faultlessly. You are able to assess and validate your own choices critically in a seminar presentation. You masters responsible project work and the high-quality documentation related to it.

Prerequisites

Basic programming skills in a web environment (HTML, CSS, JavaScript).