Am a seasoned Full stack java developer, have close to 11 years experience in developing software systems (both frontend and backend). Love to share my knowledge with community. Happy coding!
Angular Raleigh Meetup
Hey, Am Udhay (OO-dhy)
Progressive web apps use modern web APIs along with traditional progressive enhancement strategy to create cross-platform web applications. These apps work everywhere and provide several features that give them the same user experience advantages as native apps.
- Mozilla Web Docs
Progressive enhancement is the core principle in PWA.
Expose content of App to search engine for easy discover-ability.
Photo by Rajeshwar Bachu on Unsplash
Photo by Balázs Kétyi on Unsplash
Works great across all devices - Laptop, Desktop, Tablet and Mobile.
Photo by Domenico Loia on Unsplash
Photo by Jadon Kelly on Unsplash
Photo by Alex Block on Unsplash
Serve on Https
ng add @angular/pwa
Creates the service worker configuration file called ngsw-config.json, which specifies the caching behaviors and other settings.
All features of PWA work great when App is deployed to Server and served on https.
You can deploy it to Firebase using its hosting feature, which is free.
Follow the below link to learn on how to deploy Angular app in Firebase.
Click through the below link for Live demo.
Does PWA support Bluetooth, camera, location etc.,?
A complete step by step guide to develop PWA in Angular -
Live Demo - http://bit.ly/dad-joke-app
Service Workers - https://developers.google.com/web/fundamentals/primers/service-workers
Angular Service Worker -
MDN Service Workers -
PWA Stats -
By Udhayakumar G
More than just a buzzword in past couple years, Progressive Web App (PWA) is a set of guidelines to make use of modern browser features in a way that creates a more app-like user experience than traditional mobile web app. In this deck, I discussed on concepts, steps involved in PWA development, and best practices with quick demo of an app developed using Angular. Feel free to share it with your friends and colleagues. Happy learning!