Angular PWA Demo
Explore creating an Angular Progressive Web App that uses responsive layouts and effective caching strategies for static assets and API calls. Learn to implement service workers and distinguish caching tactics like performance and freshness in a real demo app. Use this lesson to understand how to optimize Angular PWAs with practical hands-on examples and tools like Docker and Node Express for serving the app.
We'll cover the following...
Demo code
The widget below contains all the code portions needed for building an Angular PWA.
This simple demo covers all the important topics we studied in the previous lessons:
-
Offering a responsive layout: The cards are side by side on large screens but on top of each other on mobile devices.
-
Caching static assets: .js, .html, icons
-
Caching GET ...