본문 바로가기

Web Development Tips/Web Design

Progressive Web App

반응형

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

https://jin-co.tistory.com/83

 

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

https://jin-co.tistory.com/84

 

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

 

728x90
반응형

'Web Development Tips > Web Design' 카테고리의 다른 글

Colors  (0) 2023.05.25
Style Library - Tailwind  (12) 2023.05.25