<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>service worker | Bogdan's blog</title>
	<atom:link href="https://blog.bogdancarpean.com/tag/service-worker/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.bogdancarpean.com</link>
	<description>Code and anything else.</description>
	<lastBuildDate>Fri, 24 Jan 2020 19:21:43 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.1.1</generator>

<image>
	<url>https://blog.bogdancarpean.com/wp-content/uploads/2022/12/icons8-pencil-drawing-96.png</url>
	<title>service worker | Bogdan's blog</title>
	<link>https://blog.bogdancarpean.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Angular Service Worker landed on @angular.cli 1.6</title>
		<link>https://blog.bogdancarpean.com/angular-service-worker-landed-on-angular-cli-1-6/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=angular-service-worker-landed-on-angular-cli-1-6</link>
					<comments>https://blog.bogdancarpean.com/angular-service-worker-landed-on-angular-cli-1-6/#respond</comments>
		
		<dc:creator><![CDATA[Bogdan]]></dc:creator>
		<pubDate>Wed, 27 Dec 2017 18:15:08 +0000</pubDate>
				<category><![CDATA[Angular]]></category>
		<category><![CDATA[Angular 2]]></category>
		<category><![CDATA[TypeScript]]></category>
		<category><![CDATA[angular]]></category>
		<category><![CDATA[angular/cli]]></category>
		<category><![CDATA[progressive web apps]]></category>
		<category><![CDATA[service worker]]></category>
		<guid isPermaLink="false">http://blog.bogdancarpean.com/?p=124</guid>

					<description><![CDATA[<p>With Angular 5 version having implemented a new Service Worker customized for Angular apps and @angular/cli 1.6 building it into your Angular app, a further step towards Progressive Web Apps has been made. Why is this important? Progressive Web Apps (or PWA) are seen for many years now as the evolution of apps, bound to [&#8230;]</p>
The post <a href="https://blog.bogdancarpean.com/angular-service-worker-landed-on-angular-cli-1-6/">Angular Service Worker landed on @angular.cli 1.6</a> first appeared on <a href="https://blog.bogdancarpean.com">Bogdan's blog</a>.]]></description>
										<content:encoded><![CDATA[<div style="position: relative;">With Angular 5 version having implemented a new Service Worker customized for Angular apps and @angular/cli 1.6 building it into your Angular app, a further step towards Progressive Web Apps has been made.</div>
<p>Why is this important? Progressive Web Apps (or PWA) are seen for many years now as the evolution of apps, bound to replace the native mobile apps and offer the user a seamless experience (native-like) on mobile platforms. With the announcement of Service Worker API development on Webkit/Safari, the future of across the board support for Service Worker never looked better.</p>
<p><img decoding="async" loading="lazy" class="wp-image-165 size-full aligncenter" src="http://vps277782.vps.ovh.ca/wp-content/uploads/2017/12/CanIUse_ServiceWorker.png" alt="" width="750" height="394" srcset="https://blog.bogdancarpean.com/wp-content/uploads/2017/12/CanIUse_ServiceWorker.png 750w, https://blog.bogdancarpean.com/wp-content/uploads/2017/12/CanIUse_ServiceWorker-300x158.png 300w" sizes="(max-width: 750px) 100vw, 750px" /></p>
<p>What Service Worker is supposed to do? As a building part of a PWA, the Service Worker is a mandatory condition, because is the part of the application that is going to run in the background to handle application requests and caching, permitting the application to function while offline, thus having the native-like behavior.</p>
<p>As of @angular/cli version 1.6, you can create your Angular application containing the Angular Service Worker simply by passing the <code>--service-worker</code> flag when you create the app using the CLI:</p>
<pre class="EnlighterJSRAW" data-enlighter-language="js">ng new yourappname --service-worker</pre>
<p>If you look now into the folder<code>/app</code>, you notice that a new file appeared,<code>ngsw-config</code> which is the configuration file for the added Angular Service Worker. Inside this file, you can decide which assets will be cached and in which manner.</p>
<p>Then, when you build your app, on the folder<code>/dist</code> you will see them <code>ngsw.json</code>and,<code>ngsw-worker.js</code> which is the actual Angular Service Worker.</p>
<p>More info on how to add the Angular Service Worker to your app <a href="https://medium.com/google-developer-experts/a-new-angular-service-worker-creating-automatic-progressive-web-apps-part-2-practice-3221471269a1" target="_blank" rel="noopener noreferrer">here</a>.</p>
<p>If you want to learn more about the Service Worker, <a href="https://developers.google.com/web/fundamentals/primers/service-workers/" target="_blank" rel="noopener noreferrer">here</a> is a good article.</p>The post <a href="https://blog.bogdancarpean.com/angular-service-worker-landed-on-angular-cli-1-6/">Angular Service Worker landed on @angular.cli 1.6</a> first appeared on <a href="https://blog.bogdancarpean.com">Bogdan's blog</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.bogdancarpean.com/angular-service-worker-landed-on-angular-cli-1-6/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
