{"id":12275,"date":"2020-11-26T09:00:54","date_gmt":"2020-11-26T08:00:54","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=12275"},"modified":"2020-11-30T17:40:23","modified_gmt":"2020-11-30T16:40:23","slug":"progressive-web-apps","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/","title":{"rendered":"Web Development and the Future of Progressive Web Apps"},"content":{"rendered":"\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-431eff76      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#whats-the-genesis-of-progressive-web-apps\" class=\"uagb-toc-link__trigger\">What&#039;s the genesis of progressive web apps?\u00a0\u00a0<\/a><li class=\"uagb-toc__list\"><a href=\"#the-challenge-of-upselling-progressive-web-apps-to-management\" class=\"uagb-toc-link__trigger\">The challenge of upselling progressive web apps to management<\/a><li class=\"uagb-toc__list\"><a href=\"#whats-next-for-progressive-web-apps\" class=\"uagb-toc-link__trigger\">\u00a0What&#039;s next for progressive web apps?<\/a><li class=\"uagb-toc__list\"><a href=\"#want-to-learn-more\" class=\"uagb-toc-link__trigger\">Want to learn more?<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<p>If you have been to any conference in the last five years, you have probably heard about <strong>Progressive <span id=\"urn:enhancement-b53d1a62\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_application\">Web Apps<\/span><\/strong> (<strong>PWA<\/strong>). <span id=\"urn:enhancement-6914506a\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/website\">Web sites<\/span> that can progressively turn into <span id=\"urn:enhancement-70fdc313\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span>-like experiences and be installed on your <span id=\"urn:enhancement-83a64d1\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/information_appliance\">devices<\/span>. Kenneth Rohde Christiansen is Senior Web Platform Architect at&nbsp;<em><span id=\"urn:enhancement-f7345ca8\" class=\"textannotation disambiguated wl-organization\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/intel\">Intel<\/span> Corporation and an&nbsp;<\/em>elected member of the <span id=\"urn:enhancement-1ef53c3\" class=\"textannotation disambiguated wl-organization\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/world_wide_web_consortium\">W3C<\/span> Technical Architect Group (TAG). He&#8217;s currently working on making Progressive <span id=\"urn:enhancement-5feb393\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_application\">Web Apps<\/span> more capable as part of&nbsp;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/www.chromium.org\/teams\/web-capabilities-fugu\" class=\"ek-link\">Project Fugu<\/a>, an effort to close gaps in the <span id=\"urn:enhancement-bdf00fd2\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_web_browser\">web<\/span>&#8216;s capabilities enabling new <span id=\"urn:enhancement-34a981e6\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/class_computer_programming\">classes<\/span> of <span id=\"urn:enhancement-3418db2c\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/application_software\">applications<\/span> to run on the <span id=\"urn:enhancement-89195fe\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_web_browser\">web<\/span>. &nbsp;I spoke with him before his presentation at&nbsp;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/events.codemotion.com\/conferences\/online\/2020\/online-tech-conference-italian-edition\/\"><em>Codemotion\u2019s online conference: The Italian edition<\/em><\/a>&nbsp;to find out more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-s-the-genesis-of-progressive-web-apps\">What&#8217;s the genesis of progressive web apps?&nbsp;&nbsp;<\/h2>\n\n\n\n<p>According to Christian, &#8220;For many years, people working with the web have wanted something like progressive web <span id=\"urn:enhancement-39861f32\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">apps<\/span>. I used to work for Nokia, and at that point, people could write kind of native-like <span id=\"urn:enhancement-53b0890a\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/application_software\">applications<\/span> using the <span id=\"urn:enhancement-2a303d86\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_web_browser\">web<\/span>. It was the same thing when the <span id=\"urn:enhancement-542019ab\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/iphone\">iPhone<\/span> came out; you had &#8216;Add to <span id=\"urn:enhancement-28bdbd2c\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/home_screen\">Home screen<\/span>&#8216;. A lot of like people that were <span id=\"urn:enhancement-2a951c4a\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_developer\"><a href=\"https:\/\/www.codemotion.com\/magazine\/dev-hub\/web-developer\/shokunin-of-the-web\/\" class=\"ek-link\">web developers<\/a><\/span> were also interested in also building <span id=\"urn:enhancement-de6be30f\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">apps<\/span> for these <span id=\"urn:enhancement-2cb3892b\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/information_appliance\">devices<\/span>. But they were limited in comparison to what you could do on other platforms.&#8221;<\/p>\n\n\n\n<p>Himself and others working on the <span id=\"urn:enhancement-a454b417\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_web_browser\">web<\/span> pushed the idea, &#8220;Hey, we should make this possible, the <em>Add to Homescreen<\/em> idea is great. What do we need to really take this to the next level?&#8221;<\/p>\n\n\n\n<p>Corporations focused on creating packaged <span id=\"urn:enhancement-7d2f3fae\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">apps<\/span> without <span id=\"urn:enhancement-1008e40b\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/software_standard\">standards<\/span>, which Christian felt removed some of the <strong>advantages of the <span id=\"urn:enhancement-9118a81f\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_web_browser\">web<\/span><\/strong> itself. In response, he and others created the <a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/www.w3.org\/TR\/appmanifest\/\" class=\"ek-link\">Web app manifest<\/a>. It may look simple today but was an extensive effort. Christian recalls: &#8220;We had to figure out requirements. How do we make sure that it looks like a full-screen <span id=\"urn:enhancement-2856f77e\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span> or as a standalone window of the <span id=\"urn:enhancement-517ce545\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/graphical_user_interface\">desktop<\/span>? What about the icons? Where should you launch the <span id=\"urn:enhancement-a08282c4\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span>? And we turned that into a standard.&#8221;<\/p>\n\n\n\n<p><strong>The manifest caught the interest of <span id=\"urn:enhancement-6a91cf4e\" class=\"textannotation disambiguated wl-organization\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/google\">Google<\/span><\/strong>, where some of the <span id=\"urn:enhancement-35134aa0\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/software_developer\">developers<\/span> got so excited that they started implementing the ideas inside of <span id=\"urn:enhancement-ddcec76e\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/google_chrome\">Chrome<\/span> on <span id=\"urn:enhancement-3727052b\" class=\"textannotation disambiguated wl-creative-work\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/android_operating_system\">Android<\/span>. &#8220;They saw <em>Add to Homescreen<\/em> as really the future. At the same time, people at <span id=\"urn:enhancement-4e6f4541\" class=\"textannotation disambiguated wl-organization\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/google\">Google<\/span> came up with this proposal called navigation <span id=\"urn:enhancement-a6684e73\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/controller_computing\">controller<\/span>: how do I interact with the network, especially if I&#8217;m <span id=\"urn:enhancement-a7ef1bd\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/online_and_offline\">offline<\/span>? Can I make an experience a web experience that will work like <span id=\"urn:enhancement-346f2fdb\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/online_and_offline\">offline<\/span> as well, or work with an intermediate network? <span id=\"urn:enhancement-50b8fd5f\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mozilla\">Mozilla<\/span> came on board and the <span id=\"urn:enhancement-d2bff9fc\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/project\">project<\/span> was renamed <span id=\"urn:enhancement-246d6ae6\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/server_computing\">Service<\/span> Worker.&nbsp;<\/p>\n\n\n\n<p>Another standard that &#8220;allows you whenever you&#8217;re fetching a <span id=\"urn:enhancement-ae75bb01\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/computer_file\">file<\/span> from a web <span id=\"urn:enhancement-3c3df6d2\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/application_software\">application<\/span>, to go through a <span id=\"urn:enhancement-6846c934\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/proxy_server\">proxy<\/span> <span id=\"urn:enhancement-2e49c547\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/server_computing\">server<\/span>, that&#8217;s called <strong>ServiceWorker<\/strong>, which then can like return that from a cache, or it can get it from a different <span id=\"urn:enhancement-20738e4c\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/server_computing\">server<\/span>. It&#8217;s very flexible and allows people to create <span id=\"urn:enhancement-215a1106\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/online_and_offline\">offline<\/span> experiences and those that can be considered semi <span id=\"urn:enhancement-71b47869\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/online_and_offline\">offline<\/span>, with an intermittent network. That combined with the web manifest <em>Add to Homescreen<\/em> turned into what we call progressive web <span id=\"urn:enhancement-e96f0e7e\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">apps<\/span> today.&#8221;<\/p>\n\n\n\n<p>There was extensive interest from <span id=\"urn:enhancement-39831ca0\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_browser\">browser<\/span> vendors and <span id=\"urn:enhancement-10a7a1c4\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/company\">companies<\/span> like Samsung for their own internet. It slowly became possible on <a class=\"ek-link ek-link\" href=\"https:\/\/www.codemotion.com\/magazine\/dev-hub\/mobile-dev\/building-mobile-applications-in-javascript-with-react-native\/\">mobile<\/a>. Christian believed that the experience should also be available in <span id=\"urn:enhancement-19ef2f7c\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/graphical_user_interface\">desktop<\/span>. While <span id=\"urn:enhancement-6106348f\" class=\"textannotation disambiguated wl-organization\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/google\">Google<\/span> saw it at the time of more crucial for <span id=\"urn:enhancement-49203f83\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_computing\">mobile<\/span>, <span id=\"urn:enhancement-f8a6f342\" class=\"textannotation disambiguated wl-organization\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/microsoft\">Microsoft<\/span> started taking an interest, due to their Edge <span id=\"urn:enhancement-d8ac3fa2\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_browser\">browser<\/span>. They thought &#8220;these progressive web <span id=\"urn:enhancement-319dc1ae\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">apps<\/span> will be great for <span id=\"urn:enhancement-32efae5b\" class=\"textannotation disambiguated wl-creative-work\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/microsoft_windows\">Windows<\/span> because not everyone wants to create a <span id=\"urn:enhancement-a3125080\" class=\"textannotation disambiguated wl-creative-work\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/microsoft_windows\">Windows<\/span> <span id=\"urn:enhancement-b0414f8c\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span> from scratch.&#8221; <span id=\"urn:enhancement-2394d08a\" class=\"textannotation disambiguated wl-organization\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/google\">Google<\/span> saw the value for <strong><span id=\"urn:enhancement-5fbc3925\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/chrome_os\">Chrome OS<\/span><\/strong>, and since then, like everyone has been pushing progressive web <span id=\"urn:enhancement-10b04830\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">apps<\/span>.&#8221; This included <span id=\"urn:enhancement-d19aa30a\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/company\">companies<\/span> that had initial success on <span id=\"urn:enhancement-1414cc48\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_computing\">mobile<\/span> that wanted a good desktop experience. &#8220;Combined with new <span id=\"urn:enhancement-a145804\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/application_programming_interface\">API<\/span>&#8216;s coming to the <span id=\"urn:enhancement-4207d380\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_web_browser\">web<\/span>, you can really do all the things that you need to do like <span id=\"urn:enhancement-f77fc1a7\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/file_system\">file access<\/span> &#8211; we&#8217;re <span id=\"urn:enhancement-379c502a\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/software_development_process\">developing<\/span> this new specification called <span id=\"urn:enhancement-794a31d8\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/file_system\">file system<\/span> access, where you can access your local <span id=\"urn:enhancement-369e35c4\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/computer_file\">files<\/span> as you do in any other native <span id=\"urn:enhancement-77416b22\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span>.&#8221;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-challenge-of-upselling-progressive-web-apps-to-management\">The challenge of upselling progressive web apps to management<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/progressive-web-app-1024x683.jpg\" alt=\"Progressive Web App\" class=\"wp-image-12307\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/progressive-web-app-1024x683.jpg 1024w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/progressive-web-app-300x200.jpg 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/progressive-web-app-768x512.jpg 768w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/progressive-web-app-600x400.jpg 600w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/progressive-web-app.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Progressive web <span id=\"urn:enhancement-88f15f9e\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">apps<\/span> appeal to <strong>web <span id=\"urn:enhancement-6233560e\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/software_developer\">developers<\/span><\/strong> who want &#8220;a very tightly integrated, nice <strong>experience that works on <span id=\"urn:enhancement-80fb4567\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_computing\">mobile<\/span> and on <span id=\"urn:enhancement-61b86e0f\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/graphical_user_interface\">desktop<\/span><\/strong>. They like progressive web <span id=\"urn:enhancement-49ac1f7e\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">apps<\/span> because like it takes very little effort to get something nice. However, it&#8217;s still a lot of effort actually selling that story to your <span id=\"urn:enhancement-56e6de8c\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/management\">management<\/span>. Some <span id=\"urn:enhancement-e5f70869\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/company\">companies<\/span> will be reluctant, claiming that most of our <span id=\"urn:enhancement-b73c51f3\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/user_computing\">users<\/span> are <span id=\"urn:enhancement-9d68217a\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/ios\">iOS<\/span> <span id=\"urn:enhancement-3135671f\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/user_computing\">users<\/span>. So it doesn&#8217;t really matter that we have a native <span id=\"urn:enhancement-5da2d1ad\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span>. So that is still lagging a bit behind.&#8221;&nbsp;<\/p>\n\n\n\n<p>Christian, however, believes that the focus on the desktop experience means we are really about to shine.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-s-next-for-progressive-web-apps\">&nbsp;What&#8217;s next for progressive web apps?<\/h2>\n\n\n\n<p>Christian spoke of the fast progression in development, nothing that the next big thing is even better <span id=\"urn:enhancement-315bde2c\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/system_integration\">integration<\/span> in host OSs. For example, with <span id=\"urn:enhancement-d518ad0e\" class=\"textannotation disambiguated wl-organization\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/microsoft\">Microsoft<\/span>, if you go to uninstall an <span id=\"urn:enhancement-86b90204\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span>, the PWA will show up. You basically cannot tell that this is not a <strong>native <span id=\"urn:enhancement-8143446a\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span><\/strong> installed on <span id=\"urn:enhancement-93131aad\" class=\"textannotation disambiguated wl-creative-work\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/microsoft_windows\">Windows<\/span>. It&#8217;ll be in the <strong>taskbar<\/strong>. If you get a notification on the <span id=\"urn:enhancement-c4c0c33f\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span>, it will be able to show this batch on the icon &#8211; e.g.l how many unread notifications or news articles you have in the <span id=\"urn:enhancement-25a328\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span>. There&#8217;s jump list &#8211; If you long press on an icon or right-click on an icon you get a new message, new event, new calendar shortcuts. They&#8217;re even working on the title bar, trying to make it possible to do slight modifications, for example, getting a search bar in the title bar, you see this on <span id=\"urn:enhancement-8f87c34e\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/spotify\">Spotify<\/span>.&#8221;<\/p>\n\n\n\n<p>Christian explained, &#8220;When you go to a website that is a PWA, you get a few <span id=\"urn:enhancement-746638ce\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/feature_machine_learning\">features<\/span> you won&#8217;t get if it&#8217;s just in your <span id=\"urn:enhancement-a68f4c6a\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_browser\">browser<\/span>, because it&#8217;s installed. Being installed means that it&#8217;s kind of there on your system as an icon. That also means that you can share content to this progressive <span id=\"urn:enhancement-38f8d998\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_application\">web app<\/span>. And you can even register the <span id=\"urn:enhancement-b3b524f6\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span> to open <span id=\"urn:enhancement-2b87b076\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/computer_file\">files<\/span> with it through the <span id=\"urn:enhancement-60b1ef0d\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/computer_file\">file<\/span> explorer. So this is the kind of level of <span id=\"urn:enhancement-f56a6df1\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/system_integration\">integration<\/span> you will be getting with progressive web <span id=\"urn:enhancement-d3360a43\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">apps<\/span>.&#8221;<\/p>\n\n\n\n<p>The <span id=\"urn:enhancement-666aa7c2\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/team\">team<\/span> is also working on the <strong>Fugu <span id=\"urn:enhancement-57f283a2\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/application_programming_interface\">API<\/span><\/strong>: &#8220;We&#8217;re trying to make the <span id=\"urn:enhancement-9dc90829\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/web_web_browser\">web<\/span> more capable of having the same capabilities as any native <span id=\"urn:enhancement-794606d9\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">app<\/span>, as long as it can be done in a safe way that is privacy-preserving. So progressive web <span id=\"urn:enhancement-1b49ab60\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/mobile_app\">apps<\/span> are part of specific progressive web technology that will become much more capable.&#8221;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-want-to-learn-more\">Want to learn more?<\/h2>\n\n\n\n<p>Join Christian to find out more at&nbsp;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/events.codemotion.com\/conferences\/online\/2020\/online-tech-conference-italian-edition\/\"><em>The Codemotion Virtual conference: The Italian Edition<\/em><\/a>. A single ticket grants you attendance to four conferences spread over the week, offering a deep dive into a plethora of topics relating to <span id=\"urn:enhancement-1ca25ce8\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/front_and_back_ends\">Backend<\/span>, <span id=\"urn:enhancement-fb7e4998\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/front_and_back_ends\">Frontend<\/span>, Emerging Technologies, and AI \/ ML \/ DL. It\u2019s a fantastic opportunity to learn first-hand about the best state-of-the-art technology, activities, good practices, and <span id=\"urn:enhancement-93448083\" class=\"textannotation disambiguated wl-thing\" itemid=\"http:\/\/data.wordlift.io\/wl01770\/entity\/case_study\">case studies<\/span> for everyone working in tech regardless of your profile or your level of experience.<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>If you have been to any conference in the last five years, you have probably heard about Progressive Web Apps (PWA). Web sites that can progressively turn into app-like experiences and be installed on your devices. Kenneth Rohde Christiansen is Senior Web Platform Architect at&nbsp;Intel Corporation and an&nbsp;elected member of the W3C Technical Architect Group&#8230; <a class=\"more-link\" href=\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/\">Read more<\/a><\/p>\n","protected":false},"author":85,"featured_media":12276,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":4,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2554],"tags":[6236],"collections":[],"class_list":{"0":"post-12275","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-events","8":"tag-web-developer","9":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Web Development and the Future of Progressive Web Apps - Codemotion<\/title>\n<meta name=\"description\" content=\"We talk progressive web apps with Kenneth Rohde Christiansen, Senior Web Platform Architect and member of the W3C Technical Architect Group.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Development and the Future of Progressive Web Apps\" \/>\n<meta property=\"og:description\" content=\"We talk progressive web apps with Kenneth Rohde Christiansen, Senior Web Platform Architect and member of the W3C Technical Architect Group.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"Codemotion Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codemotion.Italy\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-26T08:00:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-30T16:40:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1709\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cate Lawrence\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:site\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cate Lawrence\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/\"},\"author\":{\"name\":\"Cate Lawrence\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/df32323fd62dc47fa8892426677a2cc1\"},\"headline\":\"Web Development and the Future of Progressive Web Apps\",\"datePublished\":\"2020-11-26T08:00:54+00:00\",\"dateModified\":\"2020-11-30T16:40:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/\"},\"wordCount\":1205,\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg\",\"keywords\":[\"Web Developer\"],\"articleSection\":[\"Events\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/\",\"name\":\"Web Development and the Future of Progressive Web Apps - Codemotion\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg\",\"datePublished\":\"2020-11-26T08:00:54+00:00\",\"dateModified\":\"2020-11-30T16:40:23+00:00\",\"description\":\"We talk progressive web apps with Kenneth Rohde Christiansen, Senior Web Platform Architect and member of the W3C Technical Architect Group.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#primaryimage\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg\",\"width\":2560,\"height\":1709},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dev Life\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Events\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Web Development and the Future of Progressive Web Apps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"name\":\"Codemotion Magazine\",\"description\":\"We code the future. Together\",\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\",\"name\":\"Codemotion\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"width\":225,\"height\":225,\"caption\":\"Codemotion\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Codemotion.Italy\/\",\"https:\/\/x.com\/CodemotionIT\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/df32323fd62dc47fa8892426677a2cc1\",\"name\":\"Cate Lawrence\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2dbf9850a6e06e402d71247f79a76d6a5adad553ed6aab558a29a4107e5e83b1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2dbf9850a6e06e402d71247f79a76d6a5adad553ed6aab558a29a4107e5e83b1?s=96&d=mm&r=g\",\"caption\":\"Cate Lawrence\"},\"url\":\"https:\/\/www.codemotion.com\/magazine\/author\/cate-lawrence\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Development and the Future of Progressive Web Apps - Codemotion","description":"We talk progressive web apps with Kenneth Rohde Christiansen, Senior Web Platform Architect and member of the W3C Technical Architect Group.","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:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/","og_locale":"en_US","og_type":"article","og_title":"Web Development and the Future of Progressive Web Apps","og_description":"We talk progressive web apps with Kenneth Rohde Christiansen, Senior Web Platform Architect and member of the W3C Technical Architect Group.","og_url":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/","og_site_name":"Codemotion Magazine","article_publisher":"https:\/\/www.facebook.com\/Codemotion.Italy\/","article_published_time":"2020-11-26T08:00:54+00:00","article_modified_time":"2020-11-30T16:40:23+00:00","og_image":[{"width":2560,"height":1709,"url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg","type":"image\/jpeg"}],"author":"Cate Lawrence","twitter_card":"summary_large_image","twitter_creator":"@CodemotionIT","twitter_site":"@CodemotionIT","twitter_misc":{"Written by":"Cate Lawrence","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#article","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/"},"author":{"name":"Cate Lawrence","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/df32323fd62dc47fa8892426677a2cc1"},"headline":"Web Development and the Future of Progressive Web Apps","datePublished":"2020-11-26T08:00:54+00:00","dateModified":"2020-11-30T16:40:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/"},"wordCount":1205,"publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg","keywords":["Web Developer"],"articleSection":["Events"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/","url":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/","name":"Web Development and the Future of Progressive Web Apps - Codemotion","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#primaryimage"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg","datePublished":"2020-11-26T08:00:54+00:00","dateModified":"2020-11-30T16:40:23+00:00","description":"We talk progressive web apps with Kenneth Rohde Christiansen, Senior Web Platform Architect and member of the W3C Technical Architect Group.","breadcrumb":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#primaryimage","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg","width":2560,"height":1709},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/progressive-web-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemotion.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Dev Life","item":"https:\/\/www.codemotion.com\/magazine\/dev-life\/"},{"@type":"ListItem","position":3,"name":"Events","item":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/"},{"@type":"ListItem","position":4,"name":"Web Development and the Future of Progressive Web Apps"}]},{"@type":"WebSite","@id":"https:\/\/www.codemotion.com\/magazine\/#website","url":"https:\/\/www.codemotion.com\/magazine\/","name":"Codemotion Magazine","description":"We code the future. Together","publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codemotion.com\/magazine\/#organization","name":"Codemotion","url":"https:\/\/www.codemotion.com\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","width":225,"height":225,"caption":"Codemotion"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codemotion.Italy\/","https:\/\/x.com\/CodemotionIT"]},{"@type":"Person","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/df32323fd62dc47fa8892426677a2cc1","name":"Cate Lawrence","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2dbf9850a6e06e402d71247f79a76d6a5adad553ed6aab558a29a4107e5e83b1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2dbf9850a6e06e402d71247f79a76d6a5adad553ed6aab558a29a4107e5e83b1?s=96&d=mm&r=g","caption":"Cate Lawrence"},"url":"https:\/\/www.codemotion.com\/magazine\/author\/cate-lawrence\/"}]}},"featured_image_src":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-600x400.jpg","featured_image_src_square":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-600x600.jpg","author_info":{"display_name":"Cate Lawrence","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/cate-lawrence\/"},"uagb_featured_image_src":{"full":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg",2560,1709,false],"thumbnail":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-150x150.jpg",150,150,true],"medium":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-300x200.jpg",300,200,true],"medium_large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-768x513.jpg",768,513,true],"large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-1024x684.jpg",1024,684,true],"1536x1536":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-1536x1025.jpg",1536,1025,true],"2048x2048":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-2048x1367.jpg",2048,1367,true],"small-home-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-scaled.jpg",100,67,false],"sidebar-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-180x128.jpg",180,128,true],"genesis-singular-images":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-896x504.jpg",896,504,true],"archive-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-400x225.jpg",400,225,true],"gb-block-post-grid-landscape":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-600x400.jpg",600,400,true],"gb-block-post-grid-square":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-christina-morillo-1181244-600x600.jpg",600,600,true]},"uagb_author_info":{"display_name":"Cate Lawrence","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/cate-lawrence\/"},"uagb_comment_info":0,"uagb_excerpt":"If you have been to any conference in the last five years, you have probably heard about Progressive Web Apps (PWA). Web sites that can progressively turn into app-like experiences and be installed on your devices. Kenneth Rohde Christiansen is Senior Web Platform Architect at&nbsp;Intel Corporation and an&nbsp;elected member of the W3C Technical Architect Group&#8230;&hellip;","lang":"en","_links":{"self":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/12275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/comments?post=12275"}],"version-history":[{"count":5,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/12275\/revisions"}],"predecessor-version":[{"id":12389,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/12275\/revisions\/12389"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media\/12276"}],"wp:attachment":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media?parent=12275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/categories?post=12275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/tags?post=12275"},{"taxonomy":"collections","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/collections?post=12275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}