Frontend Development (15 cr)

Objectives (course unit)

The goal is that after finishing the course, student has good professionals skills about frontend - technologies. In addition of covering frontend - technologies studen will learn user interface design and implementation.

Content (course unit)

Web-standards,
frontend - development,
frontend - development with a framework.

Prerequisites (course unit)

Opintojaksot Johdatus ohjelmointiin sekä WWW-tekniikat tai näitä opintoja vastaavat tiedot.

Assessment criteria, satisfactory (1-2) (course unit)

Student understands the basics of the language used in the browser.
Student is able to create small application running in browser.
Student is able to recognize main web-standards.
Student can utilize stylesheets and take into account usability in web pages.

Assessment criteria, good (3-4) (course unit)

Student is able to implement frontend application that uses external databases.
Student is able to utilize different APIs in frontend application development.
Student is able to utilize stylesheets with pleasant visual design that provides appropriate aesthetic experience.

Assessment criteria, excellent (5) (course unit)

Student understands the benefits of using a framework when implementing frontend applications.
Student is able to implement frontend application using a modern framework.
Student is able to design a web application with great usability and accessibility.

Exam schedules

ECMAScript tentin ajankohdat kurssin kotisivuilla.

Assessment methods and criteria

Opintojakso arvioidaan painotetulla keskiarvolla seuraavista osa-alueista

ECMAScript Essentials (26%)

Arviointi harjoituksin ja tentillä. Tekemällä 40% annetuista harjoituksista saa arvion 1. Arviot 2 - 5 on mahdollista saada osallistumalla tenttiin johon saa hyvityspisteitä tehtyjen harjoitusmäärien perusteella: 40 - 60% -> 0 p, 60-70% -> 0.5p, 70-80% -> 1p, 80-90% 1.5p, 90-100% 2p

React Development (26 %)

Arviointi harjoituksista, mahdollisesti opetuskertojen yhteydessä järjestettävistä testeistä sekä projektityöstä kertyvien pisteiden perusteella. Alustavasti [0 %, 35 %[ -> 0, [35 %, 50 %[ -> 1, [50 %, 65 %[ -> 2, [65 %, 80 %[ -> 3, [80 %, 90 %[ -> 4, [90 %, 100 %] -> 5.

UI Technologies (26%)

Arvioidaan harjoitustehtävien perusteella sekä mahdollisesti tehtyjen esitelmien perusteella.

Usability (20%)

Arviointi lopputehtävän perusteella (käytettävyys- ja saavutettavuusarviointi verkkosivustolle TAI käytettävyystestauksen toteuttaminen).

Assessment scale

0-5

Teaching methods

Luennot, harjoitukset, etäopetus, ongelmaperustainen oppiminen.

Learning materials

-

Student workload

Opiskelijan työtä yhteensä 405 h joka jakautuu tasaisesti ajankohdalle syyskuu - joulukuu.

Content scheduling

Opintojakso koostuu neljästä osa-alueesta:

- ECMAScript Essentials, Jussi Pohjolainen, 4 op
- React Development, Teemu Heinimäki, 4 op, aloitus 2. periodilla
- UI Technologies, Pekka Yliruusi, 4 op
- Usability, Jere Käpyaho, 3 op

Completion alternatives

-

Assessment criteria - fail (0) (Not in use, Look at the Assessment criteria above)

Ks. arviointimenetelmät

Assessment criteria - satisfactory (1-2) (Not in use, Look at the Assessment criteria above)

Ks. arviointimenetelmät

Assessment criteria - good (3-4) (Not in use, Look at the Assessment criteria above)

Ks. arviointimenetelmät

Assessment criteria - excellent (5) (Not in use, Look at the Assessment criteria above)

Ks. arviointimenetelmät