Curricula

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Time and location

1.11.2023-15.12.2023
Etäopiskelu

Learning materials and recommended literature

Opintojakson verkkosivut (luentomateriaali, videoluennot, harjoitukset ja kotitehtävät)

Teaching methods

Etäopiskelu (Videoluennot, omatoimiset harjoitukset, harjoitustyö)

Student workload

Etäopiskelu 135 h (Videoluennot, omatoimiset harjoitukset ja harjoitustyö) Yhteensä 135 h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Learning materials and recommended literature

Opintojakson verkkosivut (verkkomateriaali, videomateriaali, harjoitustehtävät)

Teaching methods

Luennot, harjoitusten ja harjoitustyön ohjaus.

Student workload

Luennot 30 h harjoitukset 70 h itsenäinen työskentely 35 h Yhteensä 135h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

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 the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Learning materials and recommended literature

Opintojakson materiaali GitLab / LabraNet-palvelussa

Teaching methods

Luennot, harjoitusten ja harjoitustyön ohjaus.

Alternative completion methods

Muulla tavoin hankitun osaamisen todentaminen

Student workload

Luennot 25 h, harjoitukset 80 h, itsenäinen työskentely / harjoitustyö 30 h
Yhteensä 135h

Further information for students

Suoritus arvioidaan palautettujen harjoitusten sekä vapaaehtoisen harjoitustyön perusteella

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Learning materials and recommended literature

Opintojakson materiaali GitLab / LabraNet-palvelussa

Teaching methods

Luennot, harjoitusten ja harjoitustyön ohjaus.

Alternative completion methods

Muulla tavoin hankitun osaamisen todentaminen

Student workload

Luennot 25 h, harjoitukset 80 h, itsenäinen työskentely / harjoitustyö 30 h
Yhteensä 135h

Further information for students

Suoritus arvioidaan palautettujen harjoitusten sekä vapaaehtoisen harjoitustyön perusteella

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

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 the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Learning materials and recommended literature

Opintojakson verkkosivut (verkkomateriaali, videomateriaali, harjoitustehtävät)

Teaching methods

Luennot, harjoitusten ja harjoitustyön ohjaus.

Student workload

Luennot 30 h harjoitukset 70 h itsenäinen työskentely 35 h Yhteensä 135h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Learning materials and recommended literature

Opintojakson verkkosivut (verkkomateriaali, videomateriaali, harjoitustehtävät)

Teaching methods

Luennot, harjoitusten ja harjoitustyön ohjaus.

Student workload

Luennot 30 h harjoitukset 70 h itsenäinen työskentely 35 h Yhteensä 135h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

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 the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Time and location

1.3.2023-31.5.2023
Etäopiskelu

Learning materials and recommended literature

Opintojakson verkkosivut (luentomateriaali, videoluennot, harjoitukset ja kotitehtävät)

Teaching methods

Etäopiskelu (Videoluennot, omatoimiset harjoitukset, harjoitustyö)

Student workload

Etäopiskelu 135 h (Videoluennot, omatoimiset harjoitukset ja harjoitustyö) Yhteensä 135 h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Time and location

1.11.2023-15.12.2023
Etäopiskelu

Learning materials and recommended literature

Opintojakson verkkosivut (luentomateriaali, videoluennot, harjoitukset ja kotitehtävät)

Teaching methods

Etäopiskelu (Videoluennot, omatoimiset harjoitukset, harjoitustyö)

Student workload

Etäopiskelu 135 h (Videoluennot, omatoimiset harjoitukset ja harjoitustyö) Yhteensä 135 h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Time and location

3.10.2022-20.11.2022
Etäopiskelu

Learning materials and recommended literature

Opintojakson verkkosivut (luentomateriaali, videoluennot, harjoitukset ja kotitehtävät)

Teaching methods

Etäopiskelu (Videoluennot, omatoimiset harjoitukset, harjoitustyö)

Student workload

Etäopiskelu 135 h (Videoluennot, omatoimiset harjoitukset ja harjoitustyö) Yhteensä 135 h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

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 the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Learning materials and recommended literature

Opintojakson verkkosivut (verkkomateriaali, videomateriaali, harjoitustehtävät)

Teaching methods

Luennot, harjoitusten ja harjoitustyön ohjaus.

Practical training and working life connections

Luennot 30 h harjoitukset 70 h itsenäinen työskentely 35 h Yhteensä 135h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Learning materials and recommended literature

Opintojakson verkkosivut (verkkomateriaali, videomateriaali, harjoitustehtävät)

Teaching methods

Luennot, harjoitusten ja harjoitustyön ohjaus.

Student workload

Luennot 30 h harjoitukset 70 h itsenäinen työskentely 35 h Yhteensä 135h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management

Objectives

Purpose:
After completing this course you are able to implement small-scale web applications used in real roles, carry out interface programming in a web browser as well as server programming on a server.

EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice

Learning outcomes:
You know and understand the key tasks of both user interface programming performed by the web browser and server programming performed on the server as part of full stack programming. You know how to implement small web applications in which you use both user interface programming performed by the web browser and server programming performed on the server in the right roles.

Content

- web browser as programming environment
- JavaScript programming language
- DOM structure and manipulations
- HTML5 and JavaScript interfaces
- web server environment
- role of HTTP protocol in Full Stack programming
- cookies, session management, authentication methods
- utilization of external interfaces
- data security issues
- utilization of databases

Time and location

11.1.2022-30.04.2022
Etäopiskelu

Learning materials and recommended literature

Opintojakson verkkosivut (luentomateriaali, videoluennot, harjoitukset ja kotitehtävät)

Teaching methods

Etäopiskelu (Videoluennot, omatoimiset harjoitukset, harjoitustyö)

Student workload

Etäopiskelu 135 h (Videoluennot, omatoimiset harjoitukset ja harjoitustyö) Yhteensä 135 h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You know the key building blocks of a Full Stack web application and the tools to create them. You are able to implement a simple Full Stack web application where the interface communicates with the server side.

Satisfactory 2: You know how to design and build a Full Stack web application where the interface communicates with the server side utilizing a database on the server.

Evaluation criteria, good (3-4)

Good 3: You are able to design and implement Full Stack web application containing a CRUD functionality where data security has been taken into account. You are able to document the architecture of the implementation and the building blocks for the most parts.

Very good 4: You are able to design and implement such a Full Stack web application where the made choices have been justified. The implementation contains various user roles and authentication methods. You can purposefully synthesize such program libraries into the implementation that have not been directly introduced during the course.

Evaluation criteria, excellent (5)

Excellent 5: Following good practices, you are able to design and implement such a Full Stack web application where the techniques introduced in the course have been extensively used and where the made choices are well justified. The implementation has been documented comprehensively and clearly. The application and the documentation are presented audio-visually. You are able to critically assess your own competence in the used solutions.

Prerequisites

- basic skills in programming
- basic skills in web publishing (HTML and CSS)
- basic skills in database management