https://github.com/ojack/pwa-playground
https://github.com/ojack/pwa-playground
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/ojack/pwa-playground
- Owner: ojack
- Created: 2023-02-20T22:57:07.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-21T00:07:26.000Z (over 3 years ago)
- Last Synced: 2025-01-06T06:12:04.723Z (over 1 year ago)
- Language: JavaScript
- Size: 15.1 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [How to build a PWA from scratch with HTML, CSS, and JavaScript](https://www.ibrahima-ndaw.com/blog/how-to-build-pwa-with-javascript/)
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
[Continue reading](https://www.ibrahima-ndaw.com/blog/how-to-build-pwa-with-javascript/)
You can check it out live [here](https://devcoffee-pwa.netlify.com/).