{"id":344,"date":"2019-04-21T17:03:16","date_gmt":"2019-04-21T11:33:16","guid":{"rendered":"http:\/\/www.itsupportwale.com\/blog\/?p=344"},"modified":"2026-02-17T15:57:44","modified_gmt":"2026-02-17T10:27:44","slug":"getting-started-with-progressive-web-app","status":"publish","type":"post","link":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/","title":{"rendered":"Getting started with “Progressive Web App”"},"content":{"rendered":"\n

When I first heard, I thought how quickly technology is changing and I did not had any clue of what a progressive web app would be!
That is true though, the technology is emerging quickly to make the world a better place and not so confusing once we understand.<\/p>\n\n\n\n

\"progressive-web-apps-introduction\"<\/figure>\n\n\n\n

A “Progressive web app” is basically a well-developed web page that loads and feels like a native app. Or to get a better understanding, the Progressive web app features the combination of a native app with the flexibility of the web in itself. The best thing these apps or web pages offer are the functionalities like work offline and push notifications.
Sounds confusing? I don’t think so!
All of this will start making more sense once we understand how to develop one and how it works.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"progressive-web-apps-features\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Features of Progressive Web App:<\/h2>\n\n\n\n

The first question that I would ask myself if I am learning something new would be – WHY?
To answer this, let’s take a look at the features that Progressive Web App is offering and why it has an advantage over the conventional native apps.<\/p>\n\n\n\n


1. Progressive<\/strong> – The term progressive gives it the major advantage. The PWA’s in a term is almost independent of the platform which works for every user.<\/p>\n\n\n\n


2. Responsive<\/strong> – The Progressive Web App is responsive on all the devices, be it a mobile phone, desktop system, TV browser or tablets. Moreover, as this is not deicing specific, it will also work on any future devices yet to emerge.<\/p>\n\n\n\n


3. Connectivity Independent<\/strong> – The best thing about a Progressive Web App is, it works offline as well. Most of the feature is supportable on a low-quality network. The countries where the Internet is still an issue would be much benefited with this. The technology used to make this possible is called “Service Worker<\/strong>” which majorly makes if different from the conventional web page.<\/p>\n\n\n\n


4. App-like<\/strong> – Though this is a well-developed web page, more like a website, the user will still get a feel same like a native app. The Progressive Web App is developed with app-style navigation and interaction pattern.<\/p>\n\n\n\n

\"progressive-web-apps-features-1\"<\/figure>\n\n\n\n


5. Auto-update<\/strong> – Another interesting feature with which Progressive Web App attract its audience is by staying always fresh. When I say always, its always. A big round of applause for the “Service worker” here.<\/p>\n\n\n\n


6. Secure <\/strong>– The checklist already follows and mandate HTTPS for the developers, which prevent tampering of the content on the web.<\/p>\n\n\n\n


7. Application Identification<\/strong> – With everything being said about how it’s not an application and just a web page, thank the W3C manifests and service worker registration scope allowing search engines to find PWA as an App.<\/p>\n\n\n\n


8. Push Notification<\/strong> – Progressive Web App allows us to send app notifications to the user as well. Great, right! Though the feature is only available on Android as of now, its a breakthrough.<\/p>\n\n\n\n


9. No Installation<\/strong> – Shocked! The PWA’s allows the user to keep the apps on their home screen just by clicking on the “Add to home screen” button and its not mandate to download from any app store. <\/p>\n\n\n\n


10. URL Based<\/strong> – While the feel and looks are more like an app, this still is a web page and hence is easily accessible by the URL. This also enables the feature of sharing the Progressive web app with ease, just share the link and its shared.<\/p>\n\n\n\n

\"Why-Progressive-Web-Apps-Are-Taking-Over_(website)\"<\/figure>\n\n\n\n

The Progressive Web Apps are the modification over the current technology that we are using, and gives a hell lot of advantage! They are fast, works offline, easy to install and share, safe and fresh always, device and platform independent – what else can you ask for!<\/p>\n\n\n\n

While all of the above are the basics, I am in the line of writing another article focusing on developers which will be focused on the technical aspect in depth on “How to build my first Progressive Web App<\/strong>“. Stay tuned!<\/p>\n\n\n\n


Conclusion: <\/h2>\n\n\n\n

In this article, we had discussed the Introduction of Progressive Web Apps. You can share your views in the comment section. Happy Learning …!!!<\/p>\n\n\n\n

Also Read: “Getting Started With IOT ( Internet Of Things )”<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

When I first heard, I thought how quickly technology is changing and I did not had any clue of what a progressive web app would be!That is true though, the technology is emerging quickly to make the world a better place and not so confusing once we understand. A “Progressive web app” is basically a … Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":348,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[114],"tags":[124,117,118,125,115,129,127,116,126,122,128,119,120,121,123],"class_list":["post-344","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-progressive-web-apps","tag-angular-progressive-web-app","tag-getting-started-with-progressive-web-applications","tag-getting-started-with-pwa","tag-my-first-progressive-web-app","tag-progressive-web-app","tag-progressive-web-app-example","tag-progressive-web-application","tag-progressive-web-apps","tag-progressive-web-apps-example","tag-web","tag-web-app-manifest","tag-web-apps","tag-what-are-progressive-web-apps","tag-what-is-a-progressive-web-app","tag-what-is-progressive-web-app"],"yoast_head":"\nGetting started with "Progressive Web App" - ITSupportWale<\/title>\n<meta name=\"description\" content=\"A "Progressive web app" is a well developed web page that loads and feels like a native app.It features native app with the flexibility of web in itself.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting started with "Progressive Web App" - ITSupportWale\" \/>\n<meta property=\"og:description\" content=\"A "Progressive web app" is a well developed web page that loads and feels like a native app.It features native app with the flexibility of web in itself.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/\" \/>\n<meta property=\"og:site_name\" content=\"ITSupportWale\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Itsupportwale-298547177495978\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-21T11:33:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-17T10:27:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2019\/04\/progressive-web-apps-introduction-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1050\" \/>\n\t<meta property=\"og:image:height\" content=\"657\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Techie\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Techie\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/\"},\"author\":{\"name\":\"Techie\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/#\/schema\/person\/8c5a2b3d36396e0a8fd91ec8242fd46d\"},\"headline\":\"Getting started with “Progressive Web App”\",\"datePublished\":\"2019-04-21T11:33:16+00:00\",\"dateModified\":\"2026-02-17T10:27:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/\"},\"wordCount\":693,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2019\/04\/progressive-web-apps-introduction-1.jpg\",\"keywords\":[\"angular progressive web app\",\"getting started with progressive web applications\",\"getting started with pwa\",\"my first progressive web app\",\"progressive web app\",\"progressive web app example\",\"progressive web application\",\"progressive web apps\",\"progressive web apps example\",\"web\",\"web app manifest\",\"web apps\",\"what are progressive web apps\",\"what is a progressive web app\",\"what is progressive web app\"],\"articleSection\":[\"Progressive Web Apps\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/\",\"url\":\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/\",\"name\":\"Getting started with \\\"Progressive Web App\\\" - ITSupportWale\",\"isPartOf\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2019\/04\/progressive-web-apps-introduction-1.jpg\",\"datePublished\":\"2019-04-21T11:33:16+00:00\",\"dateModified\":\"2026-02-17T10:27:44+00:00\",\"description\":\"A \\\"Progressive web app\\\" is a well developed web page that loads and feels like a native app.It features native app with the flexibility of web in itself.\",\"breadcrumb\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#primaryimage\",\"url\":\"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2019\/04\/progressive-web-apps-introduction-1.jpg\",\"contentUrl\":\"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2019\/04\/progressive-web-apps-introduction-1.jpg\",\"width\":1050,\"height\":657,\"caption\":\"progressive-web-apps-introduction\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/itsupportwale.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting started with “Progressive Web App”\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/#website\",\"url\":\"https:\/\/itsupportwale.com\/blog\/\",\"name\":\"ITSupportWale\",\"description\":\"Tips, Tricks, Fixed-Errors, Tutorials & Guides\",\"publisher\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/itsupportwale.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/#organization\",\"name\":\"itsupportwale\",\"url\":\"https:\/\/itsupportwale.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2023\/09\/cropped-Logo-trans-without-slogan.png\",\"contentUrl\":\"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2023\/09\/cropped-Logo-trans-without-slogan.png\",\"width\":1119,\"height\":144,\"caption\":\"itsupportwale\"},\"image\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Itsupportwale-298547177495978\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/#\/schema\/person\/8c5a2b3d36396e0a8fd91ec8242fd46d\",\"name\":\"Techie\",\"sameAs\":[\"https:\/\/itsupportwale.com\",\"iswblogadmin\"],\"url\":\"https:\/\/itsupportwale.com\/blog\/author\/iswblogadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Getting started with \"Progressive Web App\" - ITSupportWale","description":"A \"Progressive web app\" is a well developed web page that loads and feels like a native app.It features native app with the flexibility of web in itself.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/","og_locale":"en_US","og_type":"article","og_title":"Getting started with \"Progressive Web App\" - ITSupportWale","og_description":"A \"Progressive web app\" is a well developed web page that loads and feels like a native app.It features native app with the flexibility of web in itself.","og_url":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/","og_site_name":"ITSupportWale","article_publisher":"https:\/\/www.facebook.com\/Itsupportwale-298547177495978","article_published_time":"2019-04-21T11:33:16+00:00","article_modified_time":"2026-02-17T10:27:44+00:00","og_image":[{"width":1050,"height":657,"url":"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2019\/04\/progressive-web-apps-introduction-1.jpg","type":"image\/jpeg"}],"author":"Techie","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Techie","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#article","isPartOf":{"@id":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/"},"author":{"name":"Techie","@id":"https:\/\/itsupportwale.com\/blog\/#\/schema\/person\/8c5a2b3d36396e0a8fd91ec8242fd46d"},"headline":"Getting started with “Progressive Web App”","datePublished":"2019-04-21T11:33:16+00:00","dateModified":"2026-02-17T10:27:44+00:00","mainEntityOfPage":{"@id":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/"},"wordCount":693,"commentCount":0,"publisher":{"@id":"https:\/\/itsupportwale.com\/blog\/#organization"},"image":{"@id":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#primaryimage"},"thumbnailUrl":"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2019\/04\/progressive-web-apps-introduction-1.jpg","keywords":["angular progressive web app","getting started with progressive web applications","getting started with pwa","my first progressive web app","progressive web app","progressive web app example","progressive web application","progressive web apps","progressive web apps example","web","web app manifest","web apps","what are progressive web apps","what is a progressive web app","what is progressive web app"],"articleSection":["Progressive Web Apps"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/","url":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/","name":"Getting started with \"Progressive Web App\" - ITSupportWale","isPartOf":{"@id":"https:\/\/itsupportwale.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#primaryimage"},"image":{"@id":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#primaryimage"},"thumbnailUrl":"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2019\/04\/progressive-web-apps-introduction-1.jpg","datePublished":"2019-04-21T11:33:16+00:00","dateModified":"2026-02-17T10:27:44+00:00","description":"A \"Progressive web app\" is a well developed web page that loads and feels like a native app.It features native app with the flexibility of web in itself.","breadcrumb":{"@id":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#primaryimage","url":"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2019\/04\/progressive-web-apps-introduction-1.jpg","contentUrl":"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2019\/04\/progressive-web-apps-introduction-1.jpg","width":1050,"height":657,"caption":"progressive-web-apps-introduction"},{"@type":"BreadcrumbList","@id":"https:\/\/itsupportwale.com\/blog\/getting-started-with-progressive-web-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/itsupportwale.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Getting started with “Progressive Web App”"}]},{"@type":"WebSite","@id":"https:\/\/itsupportwale.com\/blog\/#website","url":"https:\/\/itsupportwale.com\/blog\/","name":"ITSupportWale","description":"Tips, Tricks, Fixed-Errors, Tutorials & Guides","publisher":{"@id":"https:\/\/itsupportwale.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itsupportwale.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/itsupportwale.com\/blog\/#organization","name":"itsupportwale","url":"https:\/\/itsupportwale.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/itsupportwale.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2023\/09\/cropped-Logo-trans-without-slogan.png","contentUrl":"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2023\/09\/cropped-Logo-trans-without-slogan.png","width":1119,"height":144,"caption":"itsupportwale"},"image":{"@id":"https:\/\/itsupportwale.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Itsupportwale-298547177495978"]},{"@type":"Person","@id":"https:\/\/itsupportwale.com\/blog\/#\/schema\/person\/8c5a2b3d36396e0a8fd91ec8242fd46d","name":"Techie","sameAs":["https:\/\/itsupportwale.com","iswblogadmin"],"url":"https:\/\/itsupportwale.com\/blog\/author\/iswblogadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/posts\/344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/comments?post=344"}],"version-history":[{"count":6,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/posts\/344\/revisions"}],"predecessor-version":[{"id":4679,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/posts\/344\/revisions\/4679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/media\/348"}],"wp:attachment":[{"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/media?parent=344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/categories?post=344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/tags?post=344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}