chore(getting-started): improve tutorials

marin-bratanov · marin-bratanov · commit 684d49d7b55c · 2019-12-06T10:57:11.000+02:00
diff --git a/_contentTemplates/common/get-started.md b/_contentTemplates/common/get-started.md
@@ -20,7 +20,7 @@
 
 
 #blazor-tutorial-intro
-## Set Up a Blazor Project
+## Step 1 - Set Up a Blazor Project
 
 [Blazor](https://blazor.net/) is still a new technology, so you need to ensure you can run its vanilla version first. To do that, follow the MSDN tutorial and make sure that you can create and run basic sample Blazor applications:
 #end
@@ -35,12 +35,12 @@
 
 You may also find useful the [Getting started videos for Blazor](https://www.youtube.com/watch?v=aaRAZYaJ4xc&list=PLvmaC-XMqeBYPTwcm478vs8Rujq2tiVJo) by Telerik.
 
->caption  Once you have the vanilla Blazor application running, continue to the next steps.
+>caption  Once you have a vanilla Blazor application running, continue to the next steps.
 #end
 
 
 #add-nuget-feed
-## Add the Telerik NuGet Feed to Visual Studio
+### Add the Telerik NuGet Feed to Visual Studio
 
 Telerik UI for Blazor is distributed through our private NuGet feed.
 
@@ -53,11 +53,13 @@ Once you have added the Telerik NuGet feed, continue with this tutorial.
 
 
 #project-creation-part-1
- If you have one, go to the [Add to Existing Project](#add-to-existing-project) section below.
+ If you have one, go to the [Add the Telerik Components to an Existing Project Project](#step-3---add-the-telerik-components-to-an-existing-project) section below.
 
-If you don't have a Blazor project set up, first you need to create one, then go to the [Add to Existing Project](#add-to-existing-project) section below.
 
->tip You can use the [Visual Studio Extensions]({%slug getting-started-vs-integration-new-project%}) we provide to prepare the project for you, so that you can start using the Telerik components immediately.
+
+>tip You can use the [Visual Studio Extensions]({%slug getting-started-vs-integration-overview%}) we provide to [create the project for you]({%slug getting-started-vs-integration-new-project%}), so that you can start using the Telerik components immediately.
+>
+>The rest of this article will explain the manual steps if you want to have a better understanding of the underlying process.
 
 To create a project manually, follow these steps:
 
@@ -75,7 +77,9 @@ If you don't have an active license, [start a UI for Blazor trial](https://www.t
 #end
 
 #get-access
-To get access to the UI for Blazor components, follow these steps:
+### Enable the Components in the Project
+
+To have the project use the Telerik UI for Blazor components, follow these steps:
 
 1. @[template](/_contentTemplates/common/get-started.md#start-trial)
 
diff --git a/getting-started/client-blazor.md b/getting-started/client-blazor.md
@@ -1,5 +1,5 @@
 ---
-title: Client-side Blazor
+title: Client-side Blazor - Tutorial
 page_title: First Steps with Client-side UI for Blazor
 description: First Steps with UI for Blazor Client-side
 slug: getting-started/client-side
@@ -12,31 +12,28 @@ position: 1
 
 This article explains how to get the Telerik UI for Blazor components in your **Client-side** Blazor project and start using them quickly. The process consists of the following steps:
 
-1. [Set Up a Blazor Project](#set-up-a-blazor-project)
-1. [Add the Telerik NuGet Feed to Visual Studio](#add-the-telerik-nuget-feed-to-visual-studio)
-1. [Add the Telerik Components to Your Project](#add-the-telerik-components-to-your-project)
-    * [Add to an Existing Project](#add-to-existing-project)
-1. [Add a Telerik Component to a View](#add-a-telerik-component-to-a-view)
+1. [Set Up a Blazor Project](#step-1---set-up-a-blazor-project)
+1. [Enable the Telerik Components in the Project](#step-2---enable-the-telerik-components-in-an-existing-project)
+    1. [Add the Telerik NuGet Feed to Visual Studio](#add-the-telerik-nuget-feed-to-visual-studio)
+    1. [Enable the Components in the Project](#enable-the-components-in-the-project)
+1. [Add a Telerik Component to a View](#step-3---add-a-telerik-component-to-a-view)
 
 
 @[template](/_contentTemplates/common/get-started.md#add-latest-ms-bits-client-side-link)
 
 
-@[template](/_contentTemplates/common/get-started.md#add-nuget-feed)
-
-
-## Add the Telerik Components to Your Project
-
 For client-side `Blazor App`, we recommend the usage of `Blazor (ASP.NET Hosted)` project. 
 @[template](/_contentTemplates/common/get-started.md#project-creation-part-1)
 
 1. Choose the `Blazor WebAssembly App` project type, select the `ASP.NET Core hosted` checkbox, and click `Create`.
 
     ![Select Blazor Project Type](images/choose-project-template.png)
 
-Now that you have a Blazor project running, it's time to [Add the Telerik components](#add-to-existing-project) to it.
 
-### Add to Existing Project
+
+## Step 2 - Enable the Telerik Components in an Existing Project
+
+@[template](/_contentTemplates/common/get-started.md#add-nuget-feed)
 
 @[template](/_contentTemplates/common/get-started.md#get-access)
 
@@ -98,7 +95,7 @@ Now that you have a Blazor project running, it's time to [Add the Telerik compon
     
 Now your project can use the Telerik UI for Blazor components.
 
-## Add a Telerik Component to a View
+## Step 3 - Add a Telerik Component to a View
 
 The final step is to actually use a component on a view and run it in the browser. For example:
 
diff --git a/getting-started/server-blazor.md b/getting-started/server-blazor.md
@@ -1,5 +1,5 @@
 ---
-title: Server-side Blazor
+title: Server-side Blazor - Tutorial
 page_title: First Steps with Server-side UI for Blazor
 description: First Steps with UI for Blazor Server-side
 slug: getting-started/server-side
@@ -12,19 +12,15 @@ position: 2
 
 This article explains how to get the Telerik UI for Blazor components in your **Server-side** Blazor project and start using them quickly. The process consists of the following steps:
 
-1. [Set Up a Blazor Project](#set-up-a-blazor-project)
-1. [Add the Telerik NuGet Feed to Visual Studio](#add-the-telerik-nuget-feed-to-visual-studio)
-1. [Add the Telerik Components to Your Project](#add-the-telerik-components-to-your-project)
-     * [Add to an Existing Project](#add-to-existing-project)
-1. [Add a Telerik Component to a View](#add-a-telerik-component-to-a-view)
+1. [Set Up a Blazor Project](#step-1---set-up-a-blazor-project)
+1. [Enable the Telerik Components in the Project](#step-2---enable-the-telerik-components-in-an-existing-project)
+    1. [Add the Telerik NuGet Feed to Visual Studio](#add-the-telerik-nuget-feed-to-visual-studio)
+    1. [Enable the Components in the Project](#enable-the-components-in-the-project)
+1. [Add a Telerik Component to a View](#step-3---add-a-telerik-component-to-a-view)
 
 @[template](/_contentTemplates/common/get-started.md#add-latest-ms-bits-server-side-link)
 
 
-@[template](/_contentTemplates/common/get-started.md#add-nuget-feed)
-
-
-## Add the Telerik Components to Your Project
 
 To use Blazor server-side, you need to use the `Blazor App` type of project with its `Blazor Server App` flavor.
 @[template](/_contentTemplates/common/get-started.md#project-creation-part-1)
@@ -33,9 +29,11 @@ To use Blazor server-side, you need to use the `Blazor App` type of project with
 
     ![Select Blazor Project Type](images/choose-project-template-server-blazor.png)
 
-Now that you have a Blazor project running, it's time to [Add the Telerik components](#add-to-existing-project) to it.
 
-### Add to Existing Project
+
+## Step 2 - Enable the Telerik Components in an Existing Project
+
+@[template](/_contentTemplates/common/get-started.md#add-nuget-feed)
 
 @[template](/_contentTemplates/common/get-started.md#get-access)
 
@@ -92,7 +90,7 @@ Now that you have a Blazor project running, it's time to [Add the Telerik compon
     
 Now your project can use the Telerik UI for Blazor components.
 
-## Add a Telerik Component to a View
+## Step 3 - Add a Telerik Component to a View
 
 The final step is to actually use a component on a view and run it in the browser. For example:
 
diff --git a/getting-started/what-you-need.md b/getting-started/what-you-need.md
@@ -19,17 +19,6 @@ To use the Telerik UI for Blazor, you need to:
 1. add the [client assets](#client-assets)
 1. [set up the project](#project-configuration) to recognize the Telerik components
 
-## Before You Continue
-
-Before you continue, make sure you can use Blazor. Read below for more details.
-
-
-
-@[template](/_contentTemplates/common/get-started.md#blazor-tutorial-intro)
-@[template](/_contentTemplates/common/get-started.md#get-started-msdn-link)
-
-@[template](/_contentTemplates/common/get-started.md#after-you-run-vanilla)
-
 
 ## Telerik Specific Packages
 
