DPS945
Web Programming - Modern Apps
Denmark info Notes Weekly Resources Graded work Policies Standards Professors & addendum Code examples
© 2019 - Seneca School of ICT and Business Academy Aarhus
PWA principles
This document will preview (for the Seneca students) and review (for the Aarhus students) the principles that make a Progressive Web App (PWA).
Resource material
Google Codelabs, Your First Progressive Web App
React docs, Making a Progressive Web App
The principles
Here are the key principles, which will be briefly discussed in class, and then implemented in your project.
- Installable
- Can work offline (note about progressive)
- Fast loading, and fast during use
Other principles:
- Built with the web technologies that you already know
- Responsive
- Self updating (code and data)
- Discoverable (it’s on the web), and works on a browser too
- Safe
Topic coverage today
Manifest
Service Worker
Security
Tools
We have briefly discussed this earlier, but here is a reminder:
- Local Node.js development environment
- Editor (e.g. Visual Studio Code)
- Google Chrome browser, and its developer tools window/panel
Soon, we will publish some tips and highlights that can help improve your programming experience. There are a number of techniques to remember and use when developing and testing locally.