A Progressive Web App or PWA is a web application that has a set of capabilities (similar to native apps) which provide an app-like experience to users. PWAs need to meet a set of essential requirements that we'll see next. PWAs are similar to native apps but are deployed and accessible from web servers via URLs, so we don't need to go through app stores.
A PWA needs to be:
- Progressive: Work for every user, regardless of browser choice, because they are built with progressive enhancement as a core tenet.
- Responsive: Fit any form factor, desktop, mobile, tablet, or whatever is next.
- Connectivity independent: Enhanced with service workers to work offline or on low-quality networks.
- App-like: Use the app-shell model to provide app-style navigation and interactions.
- Fresh: Always up-to-date thanks to the service worker update process.
- Safe: Served via HTTPS to prevent snooping and ensure content has not been tampered with.
- Discoverable: Are identifiable as "applications" thanks to W3C manifests and service worker registration scope allowing search engines to find them.
- Re-engageable: Make re-engagement easy through features like push notifications.
- Installable: Allow users to "keep" apps they find most useful on their home screen without the hassle of an app store.
- Linkable: Easily share via URL and not require complex installation.
In detail, this course will cover everything you need to build amazing PWAs - leading to a score of 100 (out of 100) in Google's PWA auditing tool "Lighthouse".
But things have changed since the introduction of Single Page Applications (SPAs). React JS makes it very easy for us to create such SPAs.
Using these components, you can quickly develop amazing and powerful web apps. These components are completely reusable.
By the end of the course, you can build amazing React (single page) applications!
This is completely a hands-on training, bringing all the best practices that a developer should follow in his/her projects.