From 24ca8ba7cef19c54f75036dc4cbd6afd7f908572 Mon Sep 17 00:00:00 2001
From: jaideepghosh <er.jaideepghosh@gmail.com>
Date: Mon, 20 May 2019 22:53:10 +0530
Subject: [PATCH] docs: fix the sequence of creating class in HTTP tutorial
 (#30566)

For more accurate procedure of creating a class in the "Tour of Heroes" app, updated the sequence of creating one class.

PR Close #30566
---
 aio/content/tutorial/toh-pt6.md | 36 ++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/aio/content/tutorial/toh-pt6.md b/aio/content/tutorial/toh-pt6.md
index 3d2163070e..98a863e4cc 100644
--- a/aio/content/tutorial/toh-pt6.md
+++ b/aio/content/tutorial/toh-pt6.md
@@ -56,8 +56,24 @@ Install the *In-memory Web API* package from _npm_
   npm install angular-in-memory-web-api --save
 </code-example>
 
-Import the `HttpClientInMemoryWebApiModule` and the `InMemoryDataService` class, 
-which you will create in a moment.
+
+The class `src/app/in-memory-data.service.ts` is generated by the following command:
+
+<code-example language="sh" class="code-shell">
+  ng generate service InMemoryData
+</code-example>
+
+This class has the following content:
+
+<code-example path="toh-pt6/src/app/in-memory-data.service.ts" region="init" header="src/app/in-memory-data.service.ts" linenums="false"></code-example>
+
+This file replaces `mock-heroes.ts`, which is now safe to delete.
+
+When your server is ready, detach the *In-memory Web API*, and the app's requests will go through to the server.
+
+Now back to the `HttpClient` story.
+
+Import the `HttpClientInMemoryWebApiModule` and the `InMemoryDataService` class.
 
 <code-example 
   path="toh-pt6/src/app/app.module.ts" 
@@ -77,22 +93,6 @@ _after importing the `HttpClientModule`_,
 The `forRoot()` configuration method takes an `InMemoryDataService` class
 that primes the in-memory database.
 
-The class `src/app/in-memory-data.service.ts` is generated by the following command:
-
-<code-example language="sh" class="code-shell">
-  ng generate service InMemoryData
-</code-example>
-
-This class has the following content:
-
-<code-example path="toh-pt6/src/app/in-memory-data.service.ts" region="init" header="src/app/in-memory-data.service.ts" linenums="false"></code-example>
-
-This file replaces `mock-heroes.ts`, which is now safe to delete.
-
-When your server is ready, detach the *In-memory Web API*, and the app's requests will go through to the server.
-
-Now back to the `HttpClient` story.
-
 {@a import-heroes}
 ## Heroes and HTTP