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
-
ICTSUMMERICT 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