Starting up the service discussion

Author: tjvantoll

index.html

@@ -563,7 +563,7 @@ <h4 class="exercise-start">
     <b>Exercise</b>: Add a model object
 </h4>
 
-<p>The first thing we’ll do is add a model object to store user data. Open <code>app/user/user.service.ts</code> and paste in the following code:</p>
+<p>The first thing we’ll do is add a model object to store user data. Open <code>app/user/user.ts</code> and paste in the following code:</p>
 <pre><code class="lang-JavaScript">export class User {
   email: string;
   password: string;
@@ -622,7 +622,22 @@ <h4 class="exercise-start">
 </code></pre>
 <div class="exercise-end"></div>
 
+<p>With this setup you now have a <code>User</code> class that you can share across pages in your app and even across applications. But a model object that’s four simple lines of code isn’t all that exciting. Where this approach really pays off is when you’re able to share your business logic, and the code that hits your backend systems. In Angular 2 those classes are known as services. Let’s look at them next.</p>
 <h3 id="services">Services</h3>
+<p>A login screen isn’t all that useful if it doesn’t actually log users into anything. Therefore, our next task is to take the user’s email address and password, and send them to a backend endpoint to retrieve an authentication token we’ll use later in this guide. We’ll build this functionality as an Angular 2 service.</p>
+<p>For the purposes of this tutorial we prebuilt a handful of backend endpoints using <a href="http://www.telerik.com/platform/backend-services">Telerik Backend Services</a>, and we’ll be using those endpoints to make this app functional. Let’s see how they work.</p>
+<blockquote>
+<p><strong>NOTE</strong>: You don&#39;t have to use Telerik Backend Services to hit your app’s backend; you can use any HTTP API in a NativeScript app. Telerik Backend Services is convenient for us to use for this tutorial because it lets us spin up HTTP endpoints quickly.</p>
+</blockquote>
+<h4 class="exercise-start">
+    <b>Exercise</b>: Add an Angular 2 service
+</h4>
+
+<p>Open <code>app/shared/user/user.service.ts</code> and paste in the following code:</p>
+<pre><code class="lang-JavaScript">
+</code></pre>
+<div class="exercise-end"></div>
+
 <h3 id="routing">Routing</h3>
 
 			</div>

src/chapters/chapter3.md

@@ -120,7 +120,7 @@ To see how this works in action let’s create a few files.
     <b>Exercise</b>: Add a model object
 </h4>
 
-The first thing we’ll do is add a model object to store user data. Open `app/user/user.service.ts` and paste in the following code:
+The first thing we’ll do is add a model object to store user data. Open `app/user/user.ts` and paste in the following code:
 
 ``` JavaScript
 export class User {
@@ -197,6 +197,26 @@ export class AppComponent {
 
 <div class="exercise-end"></div>
 
+With this setup you now have a `User` class that you can share across pages in your app and even across applications. But a model object that’s four simple lines of code isn’t all that exciting. Where this approach really pays off is when you’re able to share your business logic, and the code that hits your backend systems. In Angular 2 those classes are known as services. Let’s look at them next.
+
 ### Services
 
+A login screen isn’t all that useful if it doesn’t actually log users into anything. Therefore, our next task is to take the user’s email address and password, and send them to a backend endpoint to retrieve an authentication token we’ll use later in this guide. We’ll build this functionality as an Angular 2 service.
+
+For the purposes of this tutorial we prebuilt a handful of backend endpoints using [Telerik Backend Services](http://www.telerik.com/platform/backend-services), and we’ll be using those endpoints to make this app functional. Let’s see how they work.
+
+> **NOTE**: You don't have to use Telerik Backend Services to hit your app’s backend; you can use any HTTP API in a NativeScript app. Telerik Backend Services is convenient for us to use for this tutorial because it lets us spin up HTTP endpoints quickly.
+
+<h4 class="exercise-start">
+    <b>Exercise</b>: Add an Angular 2 service
+</h4>
+
+Open `app/shared/user/user.service.ts` and paste in the following code:
+
+``` JavaScript
+
+```
+
+<div class="exercise-end"></div>
+
 ### Routing