Overview
-
Learn how to develop a progressive web app (PWA) using Angular. This course covers preparation steps, creating UI, connecting to web services, making PWAs installable, and more.
Syllabus
-
Introduction
- Welcome
- What you should know
- Using the exercise files
- What is a Progressive Web App?
- Progressive architecture
- PWAs today
- Android and iOS demo
- Technology review
- Setting up the basic project
- Running the app
- Creating the business logic classes
- Creating services: Geolocation and maps
- Creating services: Data
- Using Angular Material
- Creating the page components
- Adding routes to the project
- Creating components: List
- Creating components: Coffee
- Adding place location
- Adding coffee ratings
- Styling coffee component
- Creating a RESTful API
- Connecting Angular with HPPT module
- Connecting the form with the service
- Editing a coffee entry
- Connecting mobile actions
- The web app manifest
- Defining icons and theme colors
- Making an iOS home screen web app
- Testing installation capabilities
- Inviting the user to install the app
- What is a service worker?
- Pre-caching app's shell with ngsw
- Serving the app while offline
- Update UI on network status change
- Dynamic ngsw-manifest cache
- Supporting app updates
- Adding web push notifications
- Validating with Lighthouse and DevTools
- Next steps
