{"id":24279,"date":"2020-03-14T18:44:07","date_gmt":"2020-03-14T17:44:07","guid":{"rendered":"https:\/\/avengering.com\/?p=24279"},"modified":"2020-03-04T17:23:20","modified_gmt":"2020-03-04T16:23:20","slug":"how-to-make-progressive-web-app","status":"publish","type":"post","link":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/","title":{"rendered":"How to make progressive web app?"},"content":{"rendered":"<h1>Preface: Progressive web app and WordPress<\/h1>\n<p>Progressive Web Apps, referred to as PWA, are unlike native applications that are exclusive to coding and operating systems such as <a href=\"https:\/\/medium.com\/dev-channel\/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154\">Android and IOS<\/a>. Using an app on your mobile phone screen does not force you to install a native app and reduce your system space. This means you get an optimized version of the website you want to use on your device by installing a native app on your mobile or tablet screen.<br \/>\nYou need to have WordPress installed before you know what PWA is.<\/p>\n<p>One of the benefits of PWAs over native apps is fast, automatic, and no-intermediate updates. You need to use one of the app stores or stores like Apple Store or Google Play to update native telegram and Instagram apps, but a web app automatically updates itself with the slightest changes to the main site, and Quickly available to the user. To find out what PWA is, don&#8217;t miss out.<\/p>\n<div id=\"ez-toc-container\" class=\"counter-hierarchy counter-numeric\">\n<nav>\u00a0<\/nav>\n<\/div>\n<h2>What is PWA (progressive web app)<span id=\"PWA\" class=\"ez-toc-section\"><\/span><\/h2>\n<p>One interesting thing about WordPress-backed web applications is that WordPress has also reached out to its loyal users and designed the plugin for free and made it available to users in the WordPress repository as you can. Install all your plugins and provide your users with a PWA or advanced web app after the activation process to allow users to search your site directly and without any hassle. Have your cellphone and track your content as soon as possible.<\/p>\n<p>In WordPress Web Applications, you do not interfere with your PWA coding updates, you only update your content or products and services and do the rest with your WordPress theme and template support and plugins for technical updating of your site and web application. they give.<\/p>\n<p>If you are curious about this exciting and useful topic then join us.<\/p>\n<h2>The difference between regular and PWA web applications<span id=\"_PWA\" class=\"ez-toc-section\"><\/span><\/h2>\n<p>Progressive web applications or PWAs are not much different from native apps, but overall I have to say that native apps are running on operating systems designed for you and you can&#8217;t run an Android app. Run-on iOS OS, etc. But thanks to the cutting-edge technology of the latest web applications you can have a copy of your desired websites on your mobile and there is no other operating system restriction that You can&#8217;t run the WordPress\u00a0 Android app on IOS, for example.<\/p>\n<p>For example, you can easily have a WordPress homepage on your mobile device or tablet or any operating system that uses Internet browsers.<\/p>\n<h2>What are the benefits of PWA?<span id=\"_PWA-2\" class=\"ez-toc-section\"><\/span><\/h2>\n<p>_ <strong>One<\/strong> of the great features of WordPress is automatic updates that apply to web applications extracted from this content management system and you do not need coding updates.<\/p>\n<p>&#8211; <strong>It<\/strong> runs on any browser without relying on the operating system, and you can use advanced web applications in any operating system.<\/p>\n<p>_ <strong>Has<\/strong> limitless search capabilities.\u00a0Because PWAs are browser-based and you can search for different PWA websites on your device.\u00a0Of course, if that website supports advanced web applications.<\/p>\n<p>_<strong> What<\/strong> is PWA?\u00a0PWAs do not need to go through the usual installation or installation steps of operating systems, and you can use these applications in as little time as possible.<\/p>\n<p>_ <strong>One<\/strong> of the most interesting advantages of these advanced web apps is the ease of sharing.\u00a0You can only share one app by submitting a URL without having to upload to AppStore systems like Google Play and AppleStore.<\/p>\n<p>_<strong> In<\/strong> terms of interface and compatibility with different PWA devices, they look similar to native apps, and in terms of template compatibility thanks to WordPress responsive templates all WordPress PWAs on any mobile and tablet page of any size and application It is completely professional.<\/p>\n<p>_<strong>Progressive<\/strong> web applications or PWAs are similar to native apps, and you can see the web application icon on your mobile or tablet page after completing the steps you read in this article to install these PWAs.<\/p>\n<h2>Install PWA in WordPress<span id=\"_PWA-3\" class=\"ez-toc-section\"><\/span><\/h2>\n<h3><strong>How to Install PWA Plugins<\/strong><span id=\"How_to_Install_PWA_Plugins\" class=\"ez-toc-section\"><\/span><\/h3>\n<p>The installation process for WordPress PWA Plugins is pretty much straight-forward and streamlined. Below we\u2019ll be using\u00a0<strong>SuperPWA<\/strong>\u00a0as an example:<\/p>\n<p><strong>WordPress Installation<\/strong>:<\/p>\n<ul>\n<li>Visit\u00a0<strong>WordPress Admin &gt; Plugins &gt; Add New<\/strong><\/li>\n<li>Search for \u2018<strong>Super Progressive Web Apps<\/strong>\u2019<\/li>\n<li>Click \u201c<strong>Install Now<\/strong>\u201d and then \u201c<strong>Activate<\/strong>\u201d\u00a0<em>Super Progressive Web Apps<\/em><\/li>\n<\/ul>\n<h3>step by step Installation one of PWA plugin in word press<\/h3>\n<p>To set up your PWA WordPress website you need to search the PWA FOR WP WordPress repository and then install the plugin.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/add-plugins-magazine3-wordpress\/\" rel=\"attachment wp-att-24296\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-24296\" src=\"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/Add-Plugins-\u2039-magazine3-\u2014-WordPress.jpg\" alt=\"progressive web app\" width=\"861\" height=\"520\" srcset=\"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/Add-Plugins-\u2039-magazine3-\u2014-WordPress.jpg 861w, https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/Add-Plugins-\u2039-magazine3-\u2014-WordPress-600x362.jpg 600w\" sizes=\"(max-width: 861px) 100vw, 861px\" \/><\/a><figcaption>PWA FOR WP<\/figcaption><\/figure>\n<\/div>\n<p>After installing the plugin, take the step of activating PWA.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><figcaption><a href=\"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/how-to-active-pwa\/\" rel=\"attachment wp-att-24308\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-24308\" src=\"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/how-to-active-pwa-1024x432.jpg\" alt=\"how to active pwa\" width=\"1024\" height=\"432\" \/><\/a>Enable PWA<\/figcaption><\/figure>\n<\/div>\n<p>After installing the plugin, you do not need to do anything specific.\u00a0Simply put:<\/p>\n<p>Check that the green ticks are eaten.\u00a0The green tick means no plug-ins are active.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><figcaption><a href=\"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/green-tick-600x414\/\" rel=\"attachment wp-att-24302\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-24302\" src=\"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/green-tick-600x414-1.jpg\" alt=\"green-tick\" width=\"600\" height=\"414\" \/><\/a>Green tick<\/figcaption><\/figure>\n<\/div>\n<p>After making sure the plugin is working, go to the setup step where you can configure the plugin&#8217;s name from the icon to the icon that should be displayed to the user.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/basic-set-up-pwa\/\" rel=\"attachment wp-att-24300\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-24300\" src=\"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/basic-set-up-pwa.jpg\" alt=\"basic set up pwa\" width=\"979\" height=\"1024\" srcset=\"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/basic-set-up-pwa.jpg 979w, https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/basic-set-up-pwa-600x628.jpg 600w\" sizes=\"(max-width: 979px) 100vw, 979px\" \/><\/a><figcaption>Plugin settings<\/figcaption><\/figure>\n<\/div>\n<ul>\n<li><strong>Application Name:<\/strong>\u00a0The name of PWA that would like to show when a user adds PWA to their home screen.<\/li>\n<li><strong>Application Short Name<\/strong>: When insufficient space to display the full name of the application, which we mentioned at Application Name.<\/li>\n<li><strong>Description:\u00a0<\/strong>It won\u2019t have any impact on the user-end. But it will be helpful if you are posting the websites manifest at some Progressive Web Apps listing directories.<\/li>\n<li><strong>Application Icon:<\/strong>\u00a0This will be the icon of your PWA app when installed on the phone. It must be a PNG format image with 192px*192px in size.<\/li>\n<li><strong>Splash Screen Icon:<\/strong>\u00a0The icon to be shown when the PWA is opened on any supported devices. It must be a PNG format image with 512px*512px in size.<\/li>\n<li><strong>Offline Page:<\/strong>\u00a0The page which is displayed when the device is offline. And requested page is not already cached or viewed from the browser. If you can add a customized page mentioning something like a message \u201cYour Internet is Offline, check the internet connection\u201d. It will help users to get a more clear idea of the use case.<\/li>\n<li><strong>404 Page:<\/strong>\u00a0404 pages are displayed and the requested page is not found. Current 404 page is<\/li>\n<li><strong>Start Page:\u00a0<\/strong>The page which loads when the application is launched from a device when tapping the icon.<\/li>\n<li><strong>Orientation:\u00a0<\/strong>Set the orientation of your app on devices<\/li>\n<li><strong>Display:\u00a0<\/strong>The mode which decides what browser UI is shown when your app is launched<\/li>\n<\/ul>\n<ul>\n<li>Similarly,\u00a0you can click on the\u00a0<strong>Design<\/strong>\u00a0option in which you can set the background color and Theme color.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/attachment\/14\/\" rel=\"attachment wp-att-24306\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-24306\" src=\"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/14-1024x486.jpg\" alt=\"pwa\" width=\"1024\" height=\"486\" \/><\/a><\/p>\n<p>After setting up, go to the next step, the features option and enable Custom Add To Banner.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/banner-wpa-600x194\/\" rel=\"attachment wp-att-24314\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-24314\" src=\"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/banner-wpa-600x194-1.jpg\" alt=\"banner wpa\" width=\"600\" height=\"194\" \/><\/a><figcaption>finalizing<\/figcaption><\/figure>\n<\/div>\n<p>And finally, your web app is activated and you can see the pop-up scroll down scrollbar with the ADD button.\u00a0After editing the PWA you can see your PWA icon on your desktop or mobile and tablet screen.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/desktop-2019-12-06-18-48-30\/\" rel=\"attachment wp-att-24312\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-24312\" src=\"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/Desktop-2019-12-06-18-48-30.jpg\" alt=\"mobile PWA\" width=\"279\" height=\"578\" \/><\/a><figcaption>PWA icon<\/figcaption><\/figure>\n<\/div>\n<h2>Don&#8217;t forget one tip!<span id=\"i\" class=\"ez-toc-section\"><\/span><\/h2>\n<p>We have activated PWA( progressive web app) for a few days on our\u00a0 WordPress site. After a few days, we realized that the site sales were drastically reduced! Finally, with our reviews, we found that the problem was the manifest PWA cache on the user&#8217;s browser. To solve this problem you need to enter the Advanced section of the <strong>PWA settings<\/strong> and set the <strong>caching modes<\/strong> to <strong>Network first<\/strong>.<\/p>\n<p>If the cache mode is Cache first, your pages will be loaded from the user&#8217;s system and this will cause important pages like your cart to be cached on your site!<\/p>\n<h2>ABOUT US<\/h2>\n<p>Working with<a href=\"https:\/\/avengering.com\/en\/optimize-costs-benefits-ads-campaign-google-ads\/\"> Digital marketing<\/a>, <a href=\"https:\/\/avengering.com\/en\/seo-pricing-plans\/\">SEO services<\/a>, and<a href=\"https:\/\/avengering.com\/en\/website-pricing-plan\/\"> website design<\/a> with a highly experienced team for years,<a href=\"https:\/\/avengering.com\/en\/\"> \u064eAvenger IT Next Generation<\/a> has been able to meet the needs of people in various businesses and help businesses grow. Continuously updating their level of knowledge and exploring different markets has surpassed the pioneers in this field and incorporate successful experiences into their careers.<\/p>\n<p>Avenger IT Next Generation is a website design and development agency and an SEO agency to promote your business, <a href=\"tel:+33143133808\">call with us<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>https:\/\/mihanwp.com\/pwa-for-wp\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Preface: Progressive web app and WordPress Progressive Web Apps, referred to as PWA, are unlike native applications that are exclusive to coding and operating systems such as Android and IOS. Using an app on your mobile phone screen does not force you to install a native app and reduce your system space. This means you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":24318,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"_glsr_average":5,"_glsr_ranking":3.75,"_glsr_reviews":2,"footnotes":""},"categories":[994,128,1718],"tags":[1020,1021,826,572,838,7019,161,995,1018],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.3 (Yoast SEO v23.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to make progressive web app? -<\/title>\n<meta name=\"description\" content=\"in this article , we xplaine how How to install and make progressive web app simply step by step.Come with us to learn about PWA &amp;her tips.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to make progressive web app?\" \/>\n<meta property=\"og:description\" content=\"in this article , we xplaine how How to install and make progressive web app simply step by step.Come with us to learn about PWA &amp;her tips.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/avengering\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/siavosh.kaviani\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-14T17:44:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-03-04T16:23:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/superpwa-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"725\" \/>\n\t<meta property=\"og:image:height\" content=\"409\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"kaviani siavosh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/avengering1\" \/>\n<meta name=\"twitter:site\" content=\"@avengering1\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"kaviani siavosh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to make progressive web app? -","description":"in this article , we xplaine how How to install and make progressive web app simply step by step.Come with us to learn about PWA &her tips.","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:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/","og_locale":"en_US","og_type":"article","og_title":"How to make progressive web app?","og_description":"in this article , we xplaine how How to install and make progressive web app simply step by step.Come with us to learn about PWA &her tips.","og_url":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/","article_publisher":"https:\/\/www.facebook.com\/avengering\/","article_author":"https:\/\/www.facebook.com\/siavosh.kaviani","article_published_time":"2020-03-14T17:44:07+00:00","article_modified_time":"2020-03-04T16:23:20+00:00","og_image":[{"width":725,"height":409,"url":"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/superpwa-1.jpg","type":"image\/jpeg"}],"author":"kaviani siavosh","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/avengering1","twitter_site":"@avengering1","twitter_misc":{"Written by":"kaviani siavosh","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/#article","isPartOf":{"@id":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/"},"author":{"name":"kaviani siavosh","@id":"https:\/\/avengering.com\/en\/#\/schema\/person\/e80dfbc504017eb0e76b7ff446000d1d"},"headline":"How to make progressive web app?","datePublished":"2020-03-14T17:44:07+00:00","dateModified":"2020-03-04T16:23:20+00:00","mainEntityOfPage":{"@id":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/"},"wordCount":1349,"publisher":{"@id":"https:\/\/avengering.com\/en\/#organization"},"image":{"@id":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/#primaryimage"},"thumbnailUrl":"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/superpwa-1.jpg","keywords":["Advantages of a PWA","Disadvantages of a PWA","Mobile friendly","mobile-friendly site","Progressive Web Application","pwa","server-side HTML web application","what are PWA frameworks?","why use The PWA? what are Advantages and Disadvantages of PWA?"],"articleSection":["PWA","web app","wordpress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/","url":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/","name":"How to make progressive web app? -","isPartOf":{"@id":"https:\/\/avengering.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/#primaryimage"},"image":{"@id":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/#primaryimage"},"thumbnailUrl":"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/superpwa-1.jpg","datePublished":"2020-03-14T17:44:07+00:00","dateModified":"2020-03-04T16:23:20+00:00","description":"in this article , we xplaine how How to install and make progressive web app simply step by step.Come with us to learn about PWA &her tips.","breadcrumb":{"@id":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/#primaryimage","url":"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/superpwa-1.jpg","contentUrl":"https:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/superpwa-1.jpg","width":725,"height":409,"caption":"How to make PWA"},{"@type":"BreadcrumbList","@id":"https:\/\/avengering.com\/en\/how-to-make-progressive-web-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/avengering.com\/en\/"},{"@type":"ListItem","position":2,"name":"How to make progressive web app?"}]},{"@type":"WebSite","@id":"https:\/\/avengering.com\/en\/#website","url":"https:\/\/avengering.com\/en\/","name":"Avenger IT Next Generation","description":"site web Concepcion","publisher":{"@id":"https:\/\/avengering.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/avengering.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/avengering.com\/en\/#organization","name":"Avenger It Next Generation","url":"https:\/\/avengering.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/avengering.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/avengering.com\/wp-content\/uploads\/2019\/03\/av-logo.jpg","contentUrl":"https:\/\/avengering.com\/wp-content\/uploads\/2019\/03\/av-logo.jpg","width":672,"height":156,"caption":"Avenger It Next Generation"},"image":{"@id":"https:\/\/avengering.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/avengering\/","https:\/\/x.com\/avengering1","https:\/\/www.instagram.com\/avengeritnextgeneration\/","https:\/\/linkedin.com\/company\/avengering","https:\/\/www.pinterest.fr\/kaviani0593\/","https:\/\/www.youtube.com\/channel\/UCVwQU9Tx51ptiSG-Z9MOOTQ"]},{"@type":"Person","@id":"https:\/\/avengering.com\/en\/#\/schema\/person\/e80dfbc504017eb0e76b7ff446000d1d","name":"kaviani siavosh","description":"Professor Siavosh Kaviani was born in 1961 in Tehran. He had a professorship. He holds a Ph.D. in Software Engineering from the QL University of Software Development Methodology and an honorary Ph.D. from the University of Chelsea. He has teaching backgrounds at Amirkabir University, Arak University, Azad University, Payam Noor University, University of Applied Sciences and Heriot-Watt University. as a full professor and an expert in the fields of industry and University that working for more than 30 years. My focus is on essential research and education based on research. I try to research first and accept the facts, so make a plan to operate the conclusion of researches. Siavosh Kaviani Scientific background: British computer society Iranian Information Society, Society of Electrical Engineers, ESA","sameAs":["https:\/\/avengering.com\/prof-siavosh-kaviani","https:\/\/www.facebook.com\/siavosh.kaviani","https:\/\/www.instagram.com\/siavoshkaviani\/","https:\/\/www.linkedin.com\/in\/siavosh-kaviani-14871044\/","https:\/\/www.pinterest.ru\/kaviani0593\/","https:\/\/x.com\/https:\/\/twitter.com\/avengering1","https:\/\/myspace.com\/siavosh.kaviani","https:\/\/www.youtube.com\/user\/MrSiavashkaviani\/videos","https:\/\/www.tumblr.com\/blog\/view\/siavosh","https:\/\/en.wikipedia.org\/wiki\/User:Siavosh_kaviani"],"url":"https:\/\/avengering.com\/en\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/avengering.com\/en\/wp-json\/wp\/v2\/posts\/24279"}],"collection":[{"href":"https:\/\/avengering.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/avengering.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/avengering.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avengering.com\/en\/wp-json\/wp\/v2\/comments?post=24279"}],"version-history":[{"count":0,"href":"https:\/\/avengering.com\/en\/wp-json\/wp\/v2\/posts\/24279\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/avengering.com\/en\/wp-json\/wp\/v2\/media\/24318"}],"wp:attachment":[{"href":"https:\/\/avengering.com\/en\/wp-json\/wp\/v2\/media?parent=24279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/avengering.com\/en\/wp-json\/wp\/v2\/categories?post=24279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/avengering.com\/en\/wp-json\/wp\/v2\/tags?post=24279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}