Progressive web app is a combination of web and native app. It allows users to use the pros of the two platforms and even work when there is no network available using service worker, cache, web storate, indexedDB.
What make an application Progressive web app can defined as below:
- Responsive (Can be rendered on both web and mobile screens smoothly)
- Can work independently from the network.
- Able to reengage users by letting users of available updates using Web push API and Notifications API.
- Can open the application with an icon.
- Can access the application with a URL without having to install ro download.
- Can support all the browsers
- Provide security (using HTTPS)
Other technologies used
Web app manifests
참고 Web app manifests | MDN Web app manifests are part of a collection of web technologies called progressive web apps (PWAs), which are websites that can be installed to a device's homescreen without an app store. Unlike regular web apps with simple ho
jin-co.tistory.com
Add to Home screen
참고 Add to Home screen - Progressive web apps (PWAs) | MDN Add to Home screen (or A2HS for short) is a feature available in modern browsers that allows a user to "install" a web app, i.e. add a shortcut to their Home screen representing their favorite w
jin-co.tistory.com
References
web.dev
살아 생동하는 데 필요한 요소를 모두 갖춘 웹사이트.
web.dev
Progressive web apps (PWAs) | MDN
Progressive Web Apps (PWAs) are web apps that use service workers, manifests, and other web-platform features in combination with progressive enhancement to give users an experience on par with native apps.
developer.mozilla.org
'Web Development Tips > Web Design' 카테고리의 다른 글
Colors (0) | 2023.05.25 |
---|---|
Style Library - Tailwind (12) | 2023.05.25 |