Progressive Web App (3 ECTS)

Learning outcomes

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.

Prerequisites

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-javascrip t)
- HTML & Responsive CSS
- Knowledge in React is a plus

Learning materials and recommended literature

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)

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%.

Evaluation scale

0-5