docs: make page titles and toc task-oriented (#36024)

PR Close #36024

aio/content/guide/architecture-components.md

@@ -1,4 +1,4 @@
-# Introduction to components
+# Introduction to components and templates
 
 A *component* controls a patch of screen called a *view*.
 For example, individual components define and control each of the following views from the [Tutorial](tutorial):

aio/content/guide/http.md

@@ -1,4 +1,4 @@
-# HttpClient
+# Communicating with backend services using HTTP
 
 Most front-end applications communicate with backend services over the HTTP protocol. Modern browsers support two different APIs for making HTTP requests: the `XMLHttpRequest` interface and the `fetch()` API.
 

aio/content/guide/providers.md

@@ -1,4 +1,4 @@
-# Providers
+# Providing dependencies in modules
 
 A provider is an instruction to the [Dependency Injection](/guide/dependency-injection) system on how to obtain a value for a dependency. Most of the time, these dependencies are services that you create and provide.
 

aio/content/guide/router.md

@@ -1,6 +1,6 @@
-# Routing and navigation
+# In-app navigation with routing
 
-The Angular **`Router`** enables navigation from one [view](guide/glossary#view) to the next
+The Angular **`Router`** enables navigation from one [view](guide/glossary#view "View definition") to the next
 as users perform application tasks.
 
 This guide covers the router's primary features, illustrating them through the evolution

aio/content/guide/schematics.md

@@ -1,4 +1,4 @@
-# Schematics
+# Generating code using schematics
 
 A schematic is a template-based code generator that supports complex logic.
 It is a set of instructions for transforming a software project by generating or modifying code.

aio/content/navigation.json

@@ -338,8 +338,8 @@
             },
             {
               "url": "guide/providers",
-              "title": "Providers",
+              "title": "Providing Dependencies",
-              "tooltip": "Providers and NgModules."
+              "tooltip": "Providing dependencies to NgModules."
             },
             {
               "url": "guide/singleton-services",
@@ -401,7 +401,7 @@
         },
         {
           "url": "guide/http",
-          "title": "HttpClient",
+          "title": "Access Servers over HTTP",
           "tooltip": "Use HTTP to talk to a remote server."
         },
         {
@@ -557,12 +557,12 @@
         },
         {
           "title": "Schematics",
-          "tooltip": "Understanding schematics.",
+          "tooltip": "Using CLI schematics for code generation.",
           "children": [
             {
               "url": "guide/schematics",
               "title": "Schematics Overview",
-              "tooltip": "Understand how schematics are used in Angular."
+              "tooltip": "How the CLI uses schematics to generate code."
             },
             {
               "url": "guide/schematics-authoring",