From e0e421a71e985bfb917844aec30f61d824713820 Mon Sep 17 00:00:00 2001
From: Joseph Jacobs <joej164@gmail.com>
Date: Fri, 23 Nov 2018 10:55:24 -0800
Subject: [PATCH 1/7] Update step_03.ngdoc

---
 docs/content/tutorial/step_03.ngdoc | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)
diff --git a/docs/content/tutorial/step_03.ngdoc b/docs/content/tutorial/step_03.ngdoc
index ab8179b849a8..727cf6309c4e 100644
--- a/docs/content/tutorial/step_03.ngdoc
+++ b/docs/content/tutorial/step_03.ngdoc
@@ -88,6 +88,19 @@ Let's see an example:
     });
 ```
 
+```html
+<html ng-app="myApp">
+<head>
+  <script src="bower_components/angular/angular.js"></script>
+  <script src="app.js"></script>
+</head>
+<body>
+   <!-- The following line is how to use the greetUser angular.js controller/directive above in your html doc-->
+  <greet-user></greet-user>
+ </body>
+</html>
+```
+ 
 Now, every time we include `<greet-user></greet-user>` in our view, AngularJS will expand it into a
 DOM sub-tree constructed using the provided `template` and managed by an instance of the specified
 controller.
@@ -127,7 +140,7 @@ acquired skill.
 <body>
 
   <!-- Use a custom component to render a list of phones -->
-  <phone-list></phone-list>
+  <phone-list></phone-list>       // This is what calls the phoneList angular.js component
 
 </body>
 </html>
@@ -148,7 +161,7 @@ angular.module('phonecatApp', []);
 // Register `phoneList` component, along with its associated controller and template
 angular.
   module('phonecatApp').
-  component('phoneList', {
+  component('phoneList', {        // This is what defines the html element <phone-list>
     template:
         '<ul>' +
           '<li ng-repeat="phone in $ctrl.phones">' +

From 078263691644b4fdba58c4a17586030e1503e022 Mon Sep 17 00:00:00 2001
From: Joseph Jacobs <joej164@gmail.com>
Date: Sat, 24 Nov 2018 13:31:39 -0800
Subject: [PATCH 2/7] Update step_03.ngdoc

---
 docs/content/tutorial/step_03.ngdoc | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/content/tutorial/step_03.ngdoc b/docs/content/tutorial/step_03.ngdoc
index 727cf6309c4e..af01a90b5659 100644
--- a/docs/content/tutorial/step_03.ngdoc
+++ b/docs/content/tutorial/step_03.ngdoc
@@ -95,7 +95,7 @@ Let's see an example:
   <script src="app.js"></script>
 </head>
 <body>
-   <!-- The following line is how to use the greetUser angular.js controller/directive above in your html doc-->
+   <!-- The following line is how to use the greetUser angular.js component above in your html doc-->
   <greet-user></greet-user>
  </body>
 </html>
@@ -140,7 +140,7 @@ acquired skill.
 <body>
 
   <!-- Use a custom component to render a list of phones -->
-  <phone-list></phone-list>       // This is what calls the phoneList angular.js component
+  <phone-list></phone-list>       // This tells AngularJS to instantiate a phoneList component here.
 
 </body>
 </html>
@@ -161,7 +161,7 @@ angular.module('phonecatApp', []);
 // Register `phoneList` component, along with its associated controller and template
 angular.
   module('phonecatApp').
-  component('phoneList', {        // This is what defines the html element <phone-list>
+  component('phoneList', {        // This name is what AngularJS uses to match to the <phone-list> element.
     template:
         '<ul>' +
           '<li ng-repeat="phone in $ctrl.phones">' +

From 399d610708f0172c60af39ecb10bc8231ddd0561 Mon Sep 17 00:00:00 2001
From: Joseph Jacobs <joej164@gmail.com>
Date: Mon, 26 Nov 2018 08:53:20 -0800
Subject: [PATCH 3/7] Update step_03.ngdoc

---
 docs/content/tutorial/step_03.ngdoc | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/docs/content/tutorial/step_03.ngdoc b/docs/content/tutorial/step_03.ngdoc
index af01a90b5659..b4e87924413d 100644
--- a/docs/content/tutorial/step_03.ngdoc
+++ b/docs/content/tutorial/step_03.ngdoc
@@ -89,16 +89,10 @@ Let's see an example:
 ```
 
 ```html
-<html ng-app="myApp">
-<head>
-  <script src="bower_components/angular/angular.js"></script>
-  <script src="app.js"></script>
-</head>
 <body>
-   <!-- The following line is how to use the greetUser angular.js component above in your html doc-->
+  <!-- The following line is how to use the greetUser angular.js component above in your html doc-->
   <greet-user></greet-user>
  </body>
-</html>
 ```
  
 Now, every time we include `<greet-user></greet-user>` in our view, AngularJS will expand it into a
@@ -140,7 +134,7 @@ acquired skill.
 <body>
 
   <!-- Use a custom component to render a list of phones -->
-  <phone-list></phone-list>       // This tells AngularJS to instantiate a phoneList component here.
+  <phone-list></phone-list>  <!-- This tells AngularJS to instantiate a phoneList component here --!>
 
 </body>
 </html>
@@ -161,7 +155,7 @@ angular.module('phonecatApp', []);
 // Register `phoneList` component, along with its associated controller and template
 angular.
   module('phonecatApp').
-  component('phoneList', {        // This name is what AngularJS uses to match to the <phone-list> element.
+  component('phoneList', { . // This name is what AngularJS uses to match to the <phone-list> element.
     template:
         '<ul>' +
           '<li ng-repeat="phone in $ctrl.phones">' +

From a4bbf4e3c5f1202c97fef390d7cd795400d6e97e Mon Sep 17 00:00:00 2001
From: Joseph Jacobs <joej164@gmail.com>
Date: Mon, 3 Dec 2018 09:11:34 -0800
Subject: [PATCH 4/7] Update step_03.ngdoc

---
 docs/content/tutorial/step_03.ngdoc | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/content/tutorial/step_03.ngdoc b/docs/content/tutorial/step_03.ngdoc
index b4e87924413d..eed8c754a67d 100644
--- a/docs/content/tutorial/step_03.ngdoc
+++ b/docs/content/tutorial/step_03.ngdoc
@@ -90,8 +90,8 @@ Let's see an example:
 
 ```html
 <body>
-  <!-- The following line is how to use the greetUser angular.js component above in your html doc-->
-  <greet-user></greet-user>
+  <!-- The following line is how to use the `greetUser` component above in your html doc. -->
+  `<greet-user></greet-user>`
  </body>
 ```
  
@@ -134,7 +134,7 @@ acquired skill.
 <body>
 
   <!-- Use a custom component to render a list of phones -->
-  <phone-list></phone-list>  <!-- This tells AngularJS to instantiate a phoneList component here --!>
+  `<phone-list></phone-list>`  <!-- This tells AngularJS to instantiate a phoneList component here. -->
 
 </body>
 </html>
@@ -155,7 +155,7 @@ angular.module('phonecatApp', []);
 // Register `phoneList` component, along with its associated controller and template
 angular.
   module('phonecatApp').
-  component('phoneList', { . // This name is what AngularJS uses to match to the <phone-list> element.
+  component('phoneList', {  // This name is what AngularJS uses to match to the `<phone-list>` element.
     template:
         '<ul>' +
           '<li ng-repeat="phone in $ctrl.phones">' +

From ca018db5173f7452a4a375079b73c97b6741ced5 Mon Sep 17 00:00:00 2001
From: Joseph Jacobs <joej164@gmail.com>
Date: Mon, 3 Dec 2018 09:16:50 -0800
Subject: [PATCH 5/7] Update step_03.ngdoc

---
 docs/content/tutorial/step_03.ngdoc | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/content/tutorial/step_03.ngdoc b/docs/content/tutorial/step_03.ngdoc
index eed8c754a67d..31f10e229f19 100644
--- a/docs/content/tutorial/step_03.ngdoc
+++ b/docs/content/tutorial/step_03.ngdoc
@@ -92,7 +92,7 @@ Let's see an example:
 <body>
   <!-- The following line is how to use the `greetUser` component above in your html doc. -->
   `<greet-user></greet-user>`
- </body>
+</body>
 ```
  
 Now, every time we include `<greet-user></greet-user>` in our view, AngularJS will expand it into a

From 4a8347c91ff9280a850e372fd7a85de2e5a0d865 Mon Sep 17 00:00:00 2001
From: Joseph Jacobs <joej164@gmail.com>
Date: Tue, 4 Dec 2018 13:03:25 -0800
Subject: [PATCH 6/7] Update step_03.ngdoc

---
 docs/content/tutorial/step_03.ngdoc | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/content/tutorial/step_03.ngdoc b/docs/content/tutorial/step_03.ngdoc
index 31f10e229f19..9a083df5714e 100644
--- a/docs/content/tutorial/step_03.ngdoc
+++ b/docs/content/tutorial/step_03.ngdoc
@@ -134,7 +134,7 @@ acquired skill.
 <body>
 
   <!-- Use a custom component to render a list of phones -->
-  `<phone-list></phone-list>`  <!-- This tells AngularJS to instantiate a phoneList component here. -->
+  <phone-list></phone-list>  <!-- This tells AngularJS to instantiate a `phoneList` component here. -->
 
 </body>
 </html>

From 5164ec4af865f009c248533c67a6cdd2cdb41c98 Mon Sep 17 00:00:00 2001
From: Joseph Jacobs <joej164@gmail.com>
Date: Wed, 5 Dec 2018 08:26:06 -0800
Subject: [PATCH 7/7] Update step_03.ngdoc

---
 docs/content/tutorial/step_03.ngdoc | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/content/tutorial/step_03.ngdoc b/docs/content/tutorial/step_03.ngdoc
index 9a083df5714e..b431aefe5050 100644
--- a/docs/content/tutorial/step_03.ngdoc
+++ b/docs/content/tutorial/step_03.ngdoc
@@ -91,7 +91,7 @@ Let's see an example:
 ```html
 <body>
   <!-- The following line is how to use the `greetUser` component above in your html doc. -->
-  `<greet-user></greet-user>`
+  <greet-user></greet-user>
 </body>
 ```
  
