Merge pull request #209737 from HeidiSteen/heidist-vscode

Screenshot updates per vs code layout

Author: v-shils

articles/search/media/tutorial-javascript-create-load-index/visual-studio-code-create-static-web-app-resource-advanced.png

@@ -7,7 +7,7 @@ author: diberry
 ms.author: diberry
 ms.service: cognitive-search
 ms.topic: tutorial
-ms.date: 05/21/2021
+ms.date: 08/30/2022
 ms.custom: devx-track-csharp
 ms.devlang: csharp
 ---

articles/search/media/tutorial-javascript-overview/visual-studio-code-create-resource-group.png

@@ -7,7 +7,7 @@ author: diberry
 ms.author: diberry
 ms.service: cognitive-search
 ms.topic: tutorial
-ms.date: 04/23/2021
+ms.date: 08/30/2022
 ms.custom: devx-track-csharp
 ms.devlang: csharp
 ---
@@ -20,10 +20,11 @@ The Static Web app pulls the information and files for deployment from GitHub us
 
 ## Create a Static Web App in Visual Studio Code
 
-1. Select **Azure** from the Activity Bar, then select **Static Web Apps** from the Side bar. 
-1. Right-click on the subscription name then select **Create Static Web App (Advanced)**.    
+1. Select **Azure** from the Activity Bar, then open **Resources** from the Side bar. 
 
-    :::image type="content" source="media/tutorial-javascript-create-load-index/visual-studio-code-create-static-web-app-resource-advanced.png" alt-text="Right-click on the subscription name then select **Create Static Web App (Advanced)**.":::
+1. Right-click **Static Web Apps** and then select **Create Static Web App (Advanced)**.
+
+    :::image type="content" source="media/tutorial-javascript-create-load-index/visual-studio-code-create-static-web-app-resource-advanced.png" alt-text="Right-click **Static Web Apps** and then select **Create Static Web App (Advanced)**":::
 
 1. If you see a pop-up window in VS Code asking which branch you want to deploy from, select the default branch, usually **master** or **main**. 
 

articles/search/tutorial-csharp-create-load-index.md

@@ -7,7 +7,7 @@ author: diberry
 ms.author: diberry
 ms.service: cognitive-search
 ms.topic: tutorial
-ms.date: 04/23/2021
+ms.date: 08/30/2022
 ms.custom: devx-track-csharp
 ms.devlang: csharp
 ---
@@ -22,9 +22,9 @@ The application is available:
 
 ## What does the sample do? 
 
-This sample website provides access to a catalog of 10,000 books. A user can search the catalog by entering text in the search bar. While the user enters text, the website uses the Search Index's suggest feature to complete the text. Once the query finishes, the list of books is displayed with a portion of the details. A user can select a book to see all the details, stored in the Search Index, of the book. 
+This sample website provides access to a catalog of 10,000 books. A user can search the catalog by entering text in the search bar. While the user enters text, the website uses the search index's suggest feature to complete the text. Once the query finishes, the list of books is displayed with a portion of the details. A user can select a book to see all the details, stored in the search index, of the book. 
 
-:::image type="content" source="./media/tutorial-javascript-overview/cognitive-search-enabled-book-website.png" alt-text="This sample website provides access to a catalog of 10,000 books. A user can search the catalog by entering text in the search bar. While the user enters text, the website uses the Search Index's suggest feature to complete the text. Once the search finishes, the list of books is displayed with a portion of the details. A user can select a book to see all the details, stored in the Search Index, of the book.":::
+:::image type="content" source="./media/tutorial-javascript-overview/cognitive-search-enabled-book-website.png" alt-text="This sample website provides access to a catalog of 10,000 books. A user can search the catalog by entering text in the search bar. While the user enters text, the website uses the search index's suggest feature to complete the text. Once the search finishes, the list of books is displayed with a portion of the details. A user can select a book to see all the details, stored in the search index, of the book.":::
 
 The search experience includes: 
 
@@ -46,7 +46,7 @@ The [sample](https://github.com/Azure-Samples/azure-search-dotnet-samples/tree/m
 
 Install the following for your local development environment. 
 
-- [.NET 3](https://dotnet.microsoft.com/download/dotnet/5.0)  
+- [.NET 5](https://dotnet.microsoft.com/download/dotnet/5.0)  
 - [Git](https://git-scm.com/downloads)
 - [Visual Studio Code](https://code.visualstudio.com/) and the following extensions
     - [Azure Resources](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureresourcegroups)
@@ -76,9 +76,9 @@ Forking the sample repository is critical to be able to deploy the Static Web Ap
 ## Create a resource group for your Azure resources
 
 1. In Visual Studio Code, open the [Activity bar](https://code.visualstudio.com/docs/getstarted/userinterface), and select the Azure icon. 
-1. In the Side bar, **right-click on your Azure subscription** under the `Resource Groups` area and select **Create resource group**.
+1. In Resources, select Add (**+**), and then select **Create Resource Group**.
 
-    :::image type="content" source="./media/tutorial-javascript-overview/visual-studio-code-create-resource-group.png" alt-text="In the Side bar, **right-click on your Azure subscription** under the `Resource Groups` area and select **Create resource group**.":::
+    :::image type="content" source="./media/tutorial-javascript-overview/visual-studio-code-create-resource-group.png" alt-text="In Resources, select Add (**+**), and then select **Create Resource Group**.":::
 1. Enter a resource group name, such as `cognitive-search-website-tutorial`. 
 1. Select a location close to you.
 1. When you create the Cognitive Search and Static Web App resources, later in the tutorial, use this resource group. 

articles/search/tutorial-csharp-deploy-static-web-app.md

@@ -7,7 +7,7 @@ author: diberry
 ms.author: diberry
 ms.service: cognitive-search
 ms.topic: tutorial
-ms.date: 03/18/2021
+ms.date: 08/30/2022
 ms.custom: devx-track-js
 ms.devlang: javascript
 ---
@@ -20,7 +20,11 @@ The Static Web app pulls the information and files for deployment from GitHub us
 
 ## Create a Static Web App in Visual Studio Code
 
-1. Select **Azure** from the Activity Bar, then select **Static Web Apps** from the Side bar. 
+1. Select **Azure** from the Activity Bar, then open **Resources** from the Side bar. 
+
+1. Right-click **Static Web Apps** and then select **Create Static Web App (Advanced)**.
+
+    :::image type="content" source="media/tutorial-javascript-create-load-index/visual-studio-code-create-static-web-app-resource-advanced.png" alt-text="Right-click **Static Web Apps** and then select **Create Static Web App (Advanced)**":::
 
 1. If you see a pop-up window in VS Code asking which branch you want to deploy from, select the default branch, usually **master** or **main**. 
 
@@ -30,10 +34,6 @@ The Static Web app pulls the information and files for deployment from GitHub us
 
     To rollback the changes, in VS Code select the Source Control icon in the Activity bar, then select each changed file in the Changes list and select the **Discard changes** icon.
 
-1. Right-click on the subscription name then select **Create Static Web App (Advanced)**.    
-
-    :::image type="content" source="media/tutorial-javascript-create-load-index/visual-studio-code-create-static-web-app-resource-advanced.png" alt-text="Right-click on the subscription name then select **Create Static Web App (Advanced)**.":::
-
 1. Follow the prompts to provide the following information:
 
     |Prompt|Enter|

articles/search/tutorial-csharp-overview.md

@@ -7,7 +7,7 @@ author: diberry
 ms.author: diberry
 ms.service: cognitive-search
 ms.topic: tutorial
-ms.date: 03/18/2021
+ms.date: 08/30/2022
 ms.custom: devx-track-js
 ms.devlang: javascript
 ---
@@ -81,9 +81,9 @@ Forking the sample repository is critical to be able to deploy the Static Web Ap
 ## Create a resource group for your Azure resources
 
 1. In Visual Studio Code, open the [Activity bar](https://code.visualstudio.com/docs/getstarted/userinterface), and select the Azure icon. 
-1. In the Side bar, **right-click on your Azure subscription** under the `Resource Groups` area and select **Create resource group**.
+1. In Resources, select Add (**+**), and then select **Create Resource Group**.
 
-    :::image type="content" source="./media/tutorial-javascript-overview/visual-studio-code-create-resource-group.png" alt-text="In the Side bar, **right-click on your Azure subscription** under the `Resource Groups` area and select **Create resource group**.":::
+    :::image type="content" source="./media/tutorial-javascript-overview/visual-studio-code-create-resource-group.png" alt-text="In Resources, select Add (**+**), and then select **Create Resource Group**.":::
 1. Enter a resource group name, such as `cognitive-search-website-tutorial`. 
 1. Select a location close to you.
 1. When you create the Cognitive Search and Static Web App resources, later in the tutorial, use this resource group. 

articles/search/tutorial-javascript-deploy-static-web-app.md

@@ -7,7 +7,7 @@ author: diberry
 ms.author: diberry
 ms.service: cognitive-search
 ms.topic: tutorial
-ms.date: 11/17/2021
+ms.date: 08/30/2022
 ms.custom: devx-track-python
 ms.devlang: python
 ---
@@ -20,10 +20,11 @@ The Static Web app pulls the information and files for deployment from GitHub us
 
 ## Create a Static Web App in Visual Studio Code
 
-1. Select **Azure** from the Activity Bar, then select **Static Web Apps** from the Side bar. 
-1. Right-click on the subscription name then select **Create Static Web App (Advanced)**.    
+1. Select **Azure** from the Activity Bar, then open **Resources** from the Side bar. 
 
-    :::image type="content" source="media/tutorial-javascript-create-load-index/visual-studio-code-create-static-web-app-resource-advanced.png" alt-text="Right-click on the subscription name then select **Create Static Web App (Advanced)**.":::
+1. Right-click **Static Web Apps** and then select **Create Static Web App (Advanced)**.
+
+    :::image type="content" source="media/tutorial-javascript-create-load-index/visual-studio-code-create-static-web-app-resource-advanced.png" alt-text="Right-click **Static Web Apps** and then select **Create Static Web App (Advanced)**":::
 
 1. Follow the 8 prompts to provide the following information:
 

articles/search/tutorial-javascript-overview.md

@@ -7,7 +7,7 @@ author: diberry
 ms.author: diberry
 ms.service: cognitive-search
 ms.topic: tutorial
-ms.date: 11/17/2021
+ms.date: 08/30/2022
 ms.custom: devx-track-python
 ms.devlang: python
 ---
@@ -76,9 +76,9 @@ Forking the sample repository is critical to be able to deploy the static web ap
 ## Create a resource group for your Azure resources
 
 1. In Visual Studio Code, open the [Activity bar](https://code.visualstudio.com/docs/getstarted/userinterface), and select the Azure icon. 
-1. In the Side bar, **right-click on your Azure subscription** under the `Resource Groups` area and select **Create resource group**.
+1. In Resources, select Add (**+**), and then select **Create Resource Group**.
 
-    :::image type="content" source="./media/tutorial-javascript-overview/visual-studio-code-create-resource-group.png" alt-text="In the Side bar, **right-click on your Azure subscription** under the `Resource Groups` area and select **Create resource group**.":::
+    :::image type="content" source="./media/tutorial-javascript-overview/visual-studio-code-create-resource-group.png" alt-text="In Resources, select Add (**+**), and then select **Create Resource Group**.":::
 1. Enter a resource group name, such as `cognitive-search-website-tutorial`. 
 1. Select a location close to you.
 1. When you create the Cognitive Search and Static Web App resources, later in the tutorial, use this resource group.