Siirry suoraan sisältöön

Progressive Web App (3 cr)

Code: TX00DU06-3001

General information


Enrollment

02.05.2019 - 31.07.2019

Timing

12.08.2019 - 16.08.2019

Number of ECTS credits allocated

3 op

Mode of delivery

Contact teaching

Unit

ICT ja tuotantotalous

Campus

Leiritie 1

Teaching languages

  • English

Seats

0 - 20

Degree programmes

  • Degree Programme in Information Technology
  • Tieto- ja viestintätekniikan tutkinto-ohjelma

Teachers

  • Benoît Boucart
  • Antti Piironen

Groups

  • ICTSUMMER
    ICT Summer School

Objective

At the end of the course, the student will be able to build the front-end of a responsive PWA.

Content

A Progressive Web Application (PWA) is a web application that is using web technologies but feels like an app. PWA's are easy to maintain as they take advantage of the web ecosystem.

Advantages of a PWA:
- Uses web technologies
- Works offline
- Is responsive
- No app store needed as they can be easily installed directly from the brosser
- Is easy to deploy and maintain

At the end of course you will be able to convert a simple UI design to an app that can be installed on the homescreen of your Android or iOS device and even as a Mac app if you're using a recent version of Google Chrome.

This course isn't focused on back-end web development. We will be using JSON server, a Node.js package that will generate a full fake REST API.

Materials

Learning material:
- Laptop and a contemporary smartphone (with updated software)
- Figma and Visual Studio code and NodeJS installed on your laptop (instructions on how to install these will be provided during course)

Evaluation scale

0-5

Assessment methods and criteria

Daily exercises assigned on the course are worth 50% and both software project and prototype (i.e. software, app developed) about are worth 50%.

Qualifications

Target Audience:
- Students with JavaScript knowledge that are interested in UI design & front-end web development.

Assumed student knowledge:
- JavaScript programming skills (good knowledge of all the topics described in those 14 lessons: https://www.codecademy.com/learn/introduction-to-javascript)
- HTML & Responsive CSS
- Knowledge in React is a plus