Merging changes synced from https://github.com/MicrosoftDocs/visualstudio-docs-pr (branch live)

Author: opbld16

.openpublishing.redirection.json

@@ -3920,6 +3920,11 @@
       "redirect_url": "/visualstudio/xaml-tools/creating-a-ui-by-using-xaml-designer-in-visual-studio",
       "redirect_document_id": true
     },
+    {
+      "source_path": "docs/designers/getting-started-with-wpf.md",
+      "redirect_url": "/visualstudio/get-started/csharp/tutorial-wpf",
+      "redirect_document_id": true
+    },
     {
       "source_path": "docs/debugger/debug-xaml-in-blend.md",
       "redirect_url": "/visualstudio/xaml-tools/debug-xaml-in-blend",

docs/designers/getting-started-with-wpf.md

@@ -2,7 +2,7 @@
 title: "Hello World app with WPF in C#"
 description: Create a simple Windows Desktop .NET app in C# with Visual Studio using the Windows Presentation Foundation (WPF) UI framework.
 ms.custom: "vs-acquisition, get-started"
-ms.date: 09/14/2021
+ms.date: 10/31/2022
 ms.prod: visual-studio-windows
 ms.technology: vs-ide-general
 ms.topic: tutorial
@@ -15,7 +15,7 @@ manager: jmartens
 ms.workload:
   - "dotnet"
 ---
-# Tutorial: Create a simple application with C\#
+# Tutorial: Create a simple WPF application with C\#
 
  [!INCLUDE [Visual Studio](~/includes/applies-to-version/vs-windows-only.md)]
 
@@ -24,9 +24,15 @@ By completing this tutorial, you'll become familiar with many of the tools, dial
 ## Prerequisites
 
 - If you haven't already installed Visual Studio, go to the [Visual Studio downloads](https://visualstudio.microsoft.com/downloads/) page to install it for free.
-- Make sure the **.NET desktop development** workload is installed. You can verify this in the Visual Studio Installer. 
+- Make sure the **.NET desktop development** workload is installed. You can verify this in the Visual Studio Installer.
 - You can use either .NET Framework or .NET Core for this tutorial. .NET Core is the newer, more modern framework. .NET Core requires Visual Studio 2019 version 16.3 or later.
 
+## What is WPF?
+
+WPF, or Windows Presentation Foundation, is a UI (user interface) framework that creates desktop client applications.  The WPF development platform supports a broad set of application development features, including an application model, resources, controls, graphics, layout, data binding, documents, and security.
+
+WPF is part of .NET, so if you have previously built applications with .NET using ASP.NET or Windows Forms, the programming experience should be familiar. WPF uses the Extensible Application Markup Language [XAML](../../xaml-tools/xaml-overview.md) to provide a declarative model for application programming. For more information, see [WPF .NET overview](/dotnet/desktop/wpf/overview/?view=netdesktop-6.0&preserve-view=true).
+
 ## Configure the IDE
 
 When you launch Visual Studio, the start window opens first. Select **Continue without code** to open the development environment. You'll see tool windows, the menus and toolbars, and the main window space. Tool windows are docked on the left and right sides of the application window. The search box, menu bar, and the standard toolbar are located at the top. When you load a solution or project, editors and designers appear in the central space of the application window. When you develop an application, you'll spend most of your time in this central area.
@@ -103,7 +109,7 @@ After you create the project, you can customize it. To do so, choose **Propertie
 
 ## Design the user interface (UI)
 
-If the designer is not open, select *MainWindow.xaml* and press **Shift**+**F7** to open the designer.
+If the designer isn't open, select *MainWindow.xaml* and press **Shift**+**F7** to open the designer.
 
 We'll add three types of controls to this application: a <xref:System.Windows.Controls.TextBlock> control, two <xref:System.Windows.Controls.RadioButton> controls, and a <xref:System.Windows.Controls.Button> control.
 
@@ -486,7 +492,7 @@ You can test the code during debugging by adding some breakpoints. You can add b
 1. Press the **F9** key to add a breakpoint, and then press **F5** to start debugging.
 
 1. In the **Greetings** window, choose the **Hello** radio button, and then choose the **Display** button.
-    
+
     The line `MessageBox.Show("Hello.")` is highlighted in yellow. At the bottom of the IDE, the Autos, Locals, and Watch windows are docked together on the left side, and the Call Stack, Breakpoints, Exception Settings, Command, Immediate, and Output windows are docked together on the right side.
 
     :::image type="content" source="media/vs-2022/explore-ide-debug-breakpoint.png" alt-text="Screenshot of a debug session in Visual Studio. The code window for Greetings.xaml.cs shows execution stopped at a breakpoint with a line highlighted in yellow.":::
@@ -518,7 +524,7 @@ In the running app, you should see a widget that appears at the top of your wind
 ::: moniker-end
 ::: moniker range=">=vs-2022"
 
-:::image type="content" source="media/vs-2022/explore-ide-live-visual-tree.png" alt-text="Screenshot of the Live Visual Tree window, showing the tree of visual elements in HelloWPFApp.exe while it is running.":::
+:::image type="content" source="media/vs-2022/explore-ide-live-visual-tree.png" alt-text="Screenshot of the Live Visual Tree window, showing the tree of visual elements in HelloWPFApp.exe while it's running.":::
 
 ::: moniker-end
 ### Build a release version of the application

docs/get-started/csharp/tutorial-wpf.md

@@ -11,7 +11,7 @@ ms.workload:
   - "dotnet"
 dev_langs:
   - "VB"
-ms.date: 01/07/2022
+ms.date: 10/31/2022
 ms.custom: "vs-acquisition, get-started"
 ---
 # Tutorial: Create a WPF application with Visual Basic
@@ -32,6 +32,12 @@ In this tutorial, you learn how to:
 > - Debug with breakpoints
 > - Build a release version
 
+## What is WPF?
+
+WPF, or Windows Presentation Foundation, is a UI (user interface) framework that creates desktop client applications.  The WPF development platform supports a broad set of application development features, including an application model, resources, controls, graphics, layout, data binding, documents, and security.
+
+WPF is part of .NET, so if you have previously built applications with .NET using ASP.NET or Windows Forms, the programming experience should be familiar. WPF uses the Extensible Application Markup Language [XAML](../../xaml-tools/xaml-overview.md) to provide a declarative model for application programming. For more information, see [WPF .NET overview](/dotnet/desktop/wpf/overview/?view=netdesktop-6.0&preserve-view=true).
+
 ## Prerequisites
 
 ::: moniker range="vs-2019"
@@ -67,7 +73,7 @@ The **WPF Designer** shows a design view and a XAML view of *MainWindow.xaml* in
 
 ::: moniker range=">=vs-2022"
 1. Open Visual Studio.
- 
+
 1. On the start window, choose **Create a new project**.
 
    :::image type="content" source="media/vs-2022/start-window-create-new-project.png" alt-text="Screenshot of the start window in Visual Studio 2022 with the 'Create a new project' option highlighted.":::

docs/get-started/visual-basic/tutorial-wpf.md

@@ -2,7 +2,7 @@
 title: Add Class Diagrams to projects (Class Designer)
 description: Learn how to design, edit, and refactor classes and other types, add a class diagram to your C#, Visual Basic, or C++ project.
 ms.custom: SEO-VS-2020
-ms.date: 11/11/2021
+ms.date: 10/31/2022
 ms.topic: how-to
 helpviewer_keywords:
 - class diagrams, creating
@@ -21,8 +21,12 @@ ms.workload:
 
 To design, edit, and refactor classes and other types, add a class diagram to your C#, Visual Basic, or C++ project. To visualize different parts of the code in a project, add multiple class diagrams to the project.
 
+::: moniker range="<=vs-2019"
+
 You can't create class diagrams from projects that share code across multiple apps. To create UML class diagrams, see [Create UML modeling projects and diagrams](https://devblogs.microsoft.com/devops/uml-designers-have-been-removed-layer-designer-now-supports-live-architectural-analysis/).
 
+::: moniker-end
+
 ## Install the Class Designer component
 
 If you haven't installed the **Class Designer** component, follow these steps to install it.
@@ -50,7 +54,7 @@ If you haven't installed the **Class Designer** component, follow these steps to
 
    The **Add New Item** dialog opens.
 
-2. Expand **Common Items** > **General**, and then select **Class Diagram** from the template list. For Visual C++ projects, look in the **Utility** category to find the **Class Diagram** template.
+2. Expand **General**, and then select **Class Diagram** from the template list. For Visual C++ projects, look in the **Utility** category to find the **Class Diagram** template.
 
    > [!NOTE]
    > If you don't see the **Class Diagram** template, [follow the steps](#install-the-class-designer-component) to install the **Class Designer** component for Visual Studio.
@@ -68,7 +72,7 @@ In **Solution Explorer**, open a class file's context menu (right-click) and the
 In **Class View**, open the namespace or type context menu and then choose **View Class Diagram**.
 
 > [!TIP]
-> If **Class View** is not open, open **Class View** from the **View** menu.
+> If **Class View** is not open, open **Class View** from the **View** menu. Or, press **Ctrl**+**Shift**+**C**.
 
 ## To display the contents of a complete project in a class diagram