docs: modify toh titles and intro (#34758)

PR Close #34758

aio/content/navigation.json

@@ -118,27 +118,27 @@
           },
           {
             "url": "tutorial/toh-pt2",
-            "title": "2. Displaying a List",
+            "title": "2. Display a List",
             "tooltip": "Part 2: Build a master/detail page with a list of heroes."
           },
           {
             "url": "tutorial/toh-pt3",
-            "title": "3. Master/Detail Components",
-            "tooltip": "Part 3: Refactor the master/detail view into separate components."
+            "title": "3. Create a Feature Component",
+            "tooltip": "Part 3: Refactor the master/detail views into separate components."
           },
           {
             "url": "tutorial/toh-pt4",
-            "title": "4. Services",
+            "title": "4. Add Services",
             "tooltip": "Part 4: Create a reusable service to manage hero data."
           },
           {
             "url": "tutorial/toh-pt5",
-            "title": "5. Routing",
+            "title": "5. Add In-app Navigation",
             "tooltip": "Part 5: Add the Angular router and navigate among the views."
           },
           {
             "url": "tutorial/toh-pt6",
-            "title": "6. HTTP",
+            "title": "6. Get Data from a Server",
             "tooltip": "Part 6: Use HTTP to retrieve and save hero data."
           }
           ]

aio/content/tutorial/index.md

@@ -1,15 +1,18 @@
-<h1 class="no-toc">Tour of Heroes App and Tutorial</h1>
+<h1 class="no-toc">Tour of Heroes app and tutorial</h1>
 
 
 <div class="callout is-helpful">
-<header>Getting Started Tutorial</header>
+<header>Getting Started</header>
 
 
-If you're new to Angular, see the [**Getting Started tutorial.**](start) 
-The Getting Started tutorial covers the same major topics as this Tour of Heroes&mdash;components, template syntax, routing, services, and accessing data via HTTP&mdash;in a condensed format, following the most current best practices. 
+If you're new to Angular, you might want to try the [**Getting Started**](start) quick-start app first.
+The Getting Started tutorial covers the same major topics&mdash;components, template syntax, routing, services, and accessing data via HTTP&mdash;in a condensed format, following the most current best practices. It uses a partially-completed StackBlitz project, so that you can make modifications and see the results in real time.
 
-**This Tour of Heroes tutorial** is the conceptual basis for many examples in this documentation set. Reading this introduction page provides sufficient context for working with those examples. You do not need to do this tutorial to understand those other examples. The Tour of Heroes tutorial is maintained here for context and continuity. 
+In this tutorial, you build your own app from the ground up, providing experience with the development process as well as a more thorough introduction to basic concepts.
 
+The **Tour of Heroes app** that you create with this tutorial serves as the conceptual basis for many examples throughout Angular documentation.
+Reading this introduction page provides sufficient context for working with those examples.
+You do not need to do this tutorial to understand those other examples.  
 </div>
 
 This _Tour of Heroes_ tutorial provides an introduction to the fundamentals of Angular.

aio/content/tutorial/toh-pt0.md

@@ -1,4 +1,4 @@
-# The Application Shell
+# Create a new project
 
 You begin by creating an initial application using the Angular CLI. Throughout this tutorial, you’ll modify and extend that starter application to create the Tour of Heroes app.
 

aio/content/tutorial/toh-pt1.md

@@ -1,4 +1,4 @@
-# The Hero Editor
+# The hero editor
 
 The application now has a basic title.
 Next you will create a new component to display hero information

aio/content/tutorial/toh-pt2.md

@@ -1,4 +1,4 @@
-# Display a Heroes List
+# Display a selection list
 
 In this page, you'll expand the Tour of Heroes app to display a list of heroes, and
 allow users to select a hero and display the hero's details.

aio/content/tutorial/toh-pt3.md

@@ -1,4 +1,4 @@
-# Master/Detail Components
+# Create a feature component
 
 At the moment, the `HeroesComponent` displays both the list of heroes and the selected hero's details.
 

aio/content/tutorial/toh-pt4.md

@@ -1,4 +1,4 @@
-# Services
+# Create services
 
 The Tour of Heroes `HeroesComponent` is currently getting and displaying fake data.
 

aio/content/tutorial/toh-pt5.md

@@ -1,4 +1,4 @@
-# Routing
+# Add in-app navigation (routing)
 
 There are new requirements for the Tour of Heroes app:
 

aio/content/tutorial/toh-pt6.md

@@ -1,4 +1,4 @@
-# HTTP
+# Get data from a server
 
 In this tutorial, you'll add the following data persistence features with help from
 Angular's `HttpClient`.