Progressive web apps are a way to bring that native app feeling to a traditional web app. With PWAs we can enhance our website with mobile app features which increase usability and offer a great user experience. In this article, we are going to build a PWA from scratch with HTML, CSS, and JavaScript. Here are the topics we'll cover:
- What is a Progressive Web App ?
- Markup
- Styling
- Show data with JavaScript
- Web App Manifest
- What is a Service Worker?
- Cache the assets
- Fetch the assets
- Register the Service Worker
- Final thoughts
- Next steps
You can check it out live here.