General Introduction to Progressive Web Apps(PWA) Last Updated : 30 Apr, 2019 Summarize Comments Improve Suggest changes Share Like Article Like Report What is an App? Must be findable in App Store Icons must be present on Home Screen Touch and Gesture Controls Works Offline Receives push notifications Background processing Access to hardware features and sensors What is the Web ? Contains URLs and Links Markup and styling that must be readable by both humans and machines Progressively enhanced Free to implement What is a Progressive Web App? It is a Website that takes all the right vitamins and must possess all the following functionalities : Responsive Works offline App-like interaction (Must have the same look and feel) Fresh (Must be up-to-date) Safe (Secured, no third parties snoops) Discoverable (Search engines are able to find it) Re-engageable (Push Notifications) Installable (Able to get a shortcut on Home Screen) Linkable Capabilities of Progressive Web Apps : Network Proxy Application packaging Local storage Background sync Device vibration Battery status Integrated payments Peer to peer Page visibility Media capture Media playback Web share Credential Management Prerequisites : Java Script Service Worker PWA brings a lot of benefits and functionality to the web, they don't require rewriting the entire application. Any app can be converted to a PWA by adding a few extra layers to it. Steps to create PWA : Serve over HTTPS Create an application shell Register a Service Worker Add push notifications Add web app manifest Configure the install prompt Analyze your app's performance Audit your app with Lighthouse Main functionalities that must be present in PWA are : Available Offline Adding to Home Screen Send Push Notifications Background Syncing Progressive Web Apps (available online) : Visit the following sites for Web Apps : https://pwa.rocks/ https://sodapopped.com/ Advantages : Low Data Usage No updates required Low Cost Best for SEO Allowed to send push notifications Can work in offline mode Disadvantages : Not a fully functional app Poor compatibility User will not get the native app experience Comment More infoAdvertise with us Next Article Difference between Windows application and Web application S saumyasaxena2730 Follow Improve Article Tags : Websites & Apps Similar Reads Progressive Web App offline support detection Logic for Chrome Browser Progressive Web Apps(PWA's) are installable applications built for mobile and desktop devices using web technology (they are intended to work on any standard platform). PWA's are highly reliable even in unstable network conditions.Most interestingly: Web application built in any tech stack can be co 5 min read Difference between Web Browser and Web Server The Web Browser and Web Server are two essential components of the World Wide Web that work together to deliver web pages to users. Although they interact with each other, they serve different purposes and are designed to perform distinct tasks. Understanding the differences between them is key to u 4 min read Advantages and Disadvantages of Web App Development Web App Development: The word Web-App Development is made up of three words, that is: Web: It is refer to websites, web pages or anything working over internet.App: Refers to applications software.Development: Building the application from scratch. Web App Development = creation of applications that 4 min read Why we should use ASP.NET? ASP.NET is a web framework designed by Microsoft Inc. that is extensively used to build robust web applications. In this article, we will analyze why ASP.NET should be chosen over other accessible web frameworks. Following are some main advantages of ASP.NET which makes it better than other framewor 2 min read Difference between Windows application and Web application 1. Windows application : It is an application that can run on the windows platform. Graphical user interface forms can be created using this. We can create web applications using IDE Microsoft Visual Studio. This can be done using a variety of programming languages such C#, C++, J#, Visual Basic and 5 min read Project Idea | Webents In the world of ever-enhancing technology, it has become possible to learn anything from the comfort of one’s home. A college student receives hundreds of messages about workshops, webinars, etc. daily. Yet when it comes to finding the right learning resources at the right time, people can not help 2 min read Like