Skip to content

Commit ab869be

Browse files
authored
pull base content,head:MicrosoftDocs:main,into:wwlpublishsync
2 parents a193966 + 458fb68 commit ab869be

File tree

61 files changed

+1284
-200
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

61 files changed

+1284
-200
lines changed

.openpublishing.redirection.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13684,6 +13684,11 @@
1368413684
"source_path_from_root": "/learn-pr/github/github-introduction-products/5-summary.md",
1368513685
"redirect_url": "https://learn.microsoft.com/training/modules/github-introduction-products/6-summary"
1368613686
},
13687+
{
13688+
"source_path_from_root": "/learn-pr/github/github-introduction-administration/5-knowledge-check.yml",
13689+
"redirect_url": "/training/modules/github-introduction-administration/knowledge-check",
13690+
"redirect_document_id": true
13691+
},
1368713692
{
1368813693
"source_path_from_root": "/learn-pr/github/introduction-to-github-visual-studio-code/1-introduction.yml",
1368913694
"redirect_url": "https://code.visualstudio.com/docs/sourcecontrol/overview"

learn-pr/aspnetcore/blazor-build-reusable-components/1-introduction.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ title: Introduction to Razor class libraries
44
metadata:
55
unitType: introduction
66
title: Introduction to Razor class libraries
7-
description: "By using Razor class libraries, you can share user-interface components between ASP.NET Core and Blazor applications. You package the components by using NuGet, and they can be easily referenced by other applications."
8-
ms.date: 01/26/2024
7+
description: "By using Razor class libraries, you can share user-interface components between ASP.NET Core and Blazor applications. You package the components using NuGet and other applications can easily reference them."
8+
ms.date: 04/07/2025
99
author: csharpfritz
1010
ms.author: jefritz
1111
ms.manager: markl

learn-pr/aspnetcore/blazor-build-reusable-components/2-concepts-razor-class-library.yml

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ title: Razor class library creation and concepts
44
metadata:
55
unitType: learning-content
66
title: Razor class library creation and concepts
7-
description: "In this unit, you'll learn about Razor class libraries, how to create one, and how they differ from other .NET class libraries."
8-
ms.date: 01/26/2024
7+
description: "In this unit, you learn about Razor class libraries, how to create one, and how they differ from other .NET class libraries."
8+
ms.date: 04/07/2025
99
author: csharpfritz
1010
ms.author: jefritz
1111
ms.manager: markl
@@ -29,6 +29,6 @@ quiz:
2929
- content: "JavaScript files"
3030
isCorrect: false
3131
explanation: "Incorrect. Razor class libraries can deliver more than just JavaScript files."
32-
- content: "All of the above"
32+
- content: "All of these content types"
3333
isCorrect: true
3434
explanation: "Razor class libraries can deliver Razor components, CSS files, JavaScript files, images, and any static web content that your components need."

learn-pr/aspnetcore/blazor-build-reusable-components/3-create-razor-class-library.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ title: Create a Razor class library
44
metadata:
55
unitType: exercise
66
title: Create a Razor class library
7-
description: "In this exercise, you'll create your first Razor class library with a component that can be used in Blazor and ASP.NET Core applications."
8-
ms.date: 01/26/2024
7+
description: "In this exercise, you create your first Razor class library with a component that can be used in Blazor and ASP.NET Core applications."
8+
ms.date: 04/07/2025
99
author: csharpfritz
1010
ms.author: jefritz
1111
ms.manager: markl

learn-pr/aspnetcore/blazor-build-reusable-components/4-concept-package-razor-class-library.yml

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ title: Package a Razor class library
44
metadata:
55
unitType: learning-content
66
title: Package a Razor class library
7-
description: "In this unit, you'll learn how Razor class libraries are packaged when they're shared with other developers."
8-
ms.date: 01/26/2024
7+
description: "In this unit, you learn how Razor class libraries are packaged when they're shared with other developers."
8+
ms.date: 04/07/2025
99
author: csharpfritz
1010
ms.author: jefritz
1111
ms.manager: markl
@@ -14,16 +14,16 @@ durationInMinutes: 3
1414
content: |
1515
[!include[](includes/4-concept-package-razor-class-library.md)]
1616
quiz:
17-
title: Check your knowledge
18-
questions:
17+
title: Check your knowledge
18+
questions:
1919
- content: "What project property is the default value for PackageId?"
2020
choices:
21-
- content: "Default namespace"
22-
isCorrect: false
23-
explanation: "Incorrect. The default namespace of the project might match the property that's used for the default PackageId, but this isn't the correct value."
24-
- content: "Project Name"
25-
isCorrect: false
26-
explanation: "Incorrect. The Project Name might match the property that's used for the default PackageId, but this isn't the correct value."
27-
- content: "AssemblyName"
28-
isCorrect: true
29-
explanation: "AssemblyName is the default value for PackageId."
21+
- content: "Default namespace"
22+
isCorrect: false
23+
explanation: "Incorrect. The default namespace of the project might match the property that's used for the default PackageId, but it isn't the correct value."
24+
- content: "Project Name"
25+
isCorrect: false
26+
explanation: "Incorrect. The Project Name might match the property that's used for the default PackageId, but it isn't the correct value."
27+
- content: "AssemblyName"
28+
isCorrect: true
29+
explanation: "AssemblyName is the default value for PackageId."

learn-pr/aspnetcore/blazor-build-reusable-components/5-nuget-package.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ title: Create a NuGet package
44
metadata:
55
unitType: exercise
66
title: Create a NuGet package
7-
description: "In this exercise, you'll package the Razor class library that you created earlier."
8-
ms.date: 01/26/2024
7+
description: "In this exercise, you package the Razor class library that you created earlier."
8+
ms.date: 04/07/2025
99
author: csharpfritz
1010
ms.author: jefritz
1111
ms.manager: markl

learn-pr/aspnetcore/blazor-build-reusable-components/6-summary.yml

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@ uid: learn.blazor-build-reusable-components.summary
33
title: Summary
44
metadata:
55
unitType: summary
6-
title: summary
7-
description: "This unit summarizes what you've learned about creating Razor class libraries."
8-
ms.date: 01/26/2024
6+
title: Summary
7+
description: "This unit summarizes what you learned about creating Razor class libraries."
8+
ms.date: 04/07/2025
99
author: csharpfritz
1010
ms.author: jefritz
1111
ms.manager: markl

learn-pr/aspnetcore/blazor-build-reusable-components/includes/1-introduction.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
By using Razor class libraries, you can share and reuse user-interface components between Blazor applications. In this module, you'll focus on building and sharing components for Blazor applications.
1+
By using Razor class libraries, you can share and reuse user-interface components between Blazor applications. In this module, you focus on building and sharing components for Blazor applications.
22

33
![Diagram showing a Razor class library being used in the Blazor server instance and Blazor WebAssembly.](../media/blazor-class-library-usage.png)
44

@@ -10,17 +10,17 @@ By using Razor class libraries, you can share the features across the applicatio
1010

1111
![Screenshot of an example modal window component that can be shared across Blazor applications.](../media/modal-window.png)
1212

13-
## What will we be doing?
13+
## What are you going to do?
1414

15-
In this module, you'll create a Razor class library to accomplish the following goals:
15+
In this module, you create a Razor class library to accomplish the following goals:
1616

17-
- Present a modal dialog box with default theming
18-
- Use and customize the modal dialog in a Blazor application
19-
- Package the modal window dialog for use with other applications
17+
- Present a modal dialog box with default theming.
18+
- Use and customize the modal dialog in a Blazor application.
19+
- Package the modal window dialog for use with other applications.
2020

2121
## What is the main goal?
2222

23-
By the end of the module, you'll be able to design a modal window component that you can share and customize across other Blazor applications.
23+
By the end of the module, you're able to design a modal window component that you can share and customize across other Blazor applications.
2424

2525
## Prerequisites
2626

learn-pr/aspnetcore/blazor-build-reusable-components/includes/2-concepts-razor-class-library.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
Components in web applications give developers the ability to reuse portions of an application user interface throughout the application. By using Razor class libraries, developers can share and reuse these components across many applications.
22

3-
In this unit, you'll learn how to create a Razor class library and then use it to share rendered and static content for Blazor applications to customize and display.
3+
In this unit, you learn how to create a Razor class library. You then use it to share rendered and static content for Blazor applications to customize and display.
44

5-
## About Razor class libraries
5+
## Razor class libraries
66

7-
A Razor class library is a .NET project type that contains Razor components, pages, HTML, Cascading Style Sheet (CSS) files, JavaScript, images, and other static web content that can be referenced by a Blazor application. Like other .NET class library projects, Razor class libraries can be bundled as a NuGet package and shared on NuGet package repositories such as NuGet.org.
7+
A Razor class library is a .NET project type. It contains Razor components, pages, HTML, Cascading Style Sheet (CSS) files, JavaScript, images, and other static web content that a Blazor application can reference. Like other .NET class library projects, Razor class libraries can be bundled as a NuGet package and shared on NuGet package repositories such as NuGet.org.
88

99
Let's look at the default template for creating a Razor class library.
1010

@@ -55,11 +55,11 @@ A class library is a common package delivery structure in .NET applications, and
5555

5656
- The project file contains an SDK reference to *Microsoft.NET.Sdk.Razor* to declare that it contains and creates Razor content as a Razor class library.
5757
- The `SupportedPlatform` entry declares that this library can be used in a `browser` platform, namely WebAssembly.
58-
- The `PackageReference` to the `Microsoft.AspNetCore.Components.Web` library gives access to the base Blazor components that are shipped with the framework. This lets you use those simple components to help you build more complex components.
58+
- The `PackageReference` to the `Microsoft.AspNetCore.Components.Web` library gives access to the base Blazor components that are shipped with the framework. This access lets you use those simple components to help you build more complex components.
5959

6060
### Razor component contents
6161

62-
The initial Razor component that's delivered is simple. It contains only an HTML `div` element with a short block of text:
62+
This initial Razor component is simple. It contains only an HTML `div` element with a short block of text:
6363

6464
```razor
6565
<div class="my-component">
@@ -71,7 +71,7 @@ This component interacts with other Blazor components and pages that reference i
7171

7272
### Static asset delivery
7373

74-
You can reference the contents of the *wwwroot* folder relatively among the other contents of that folder and the components' individual CSS files, such as *Component1.razor.css*, as files in the same base folder. For example, the default CSS adds a 2 pixel dashed red border and a background image style that uses the *background.png* image in the *wwwroot* folder. No path is required to make this reference from the CSS to the content that resides in the *wwwroot* folder.
74+
You can reference the contents of the *wwwroot* folder relatively among the other contents of that folder. You can also relatively reference the components' individual CSS files, such as *Component1.razor.css*, as files in the same base folder. For example, the default CSS adds a two pixel dashed red border and a background image style that uses the *background.png* image in the *wwwroot* folder. No path is required to make this reference from the CSS to the content that resides in the *wwwroot* folder.
7575

7676
```css
7777
.my-component {
@@ -82,7 +82,7 @@ You can reference the contents of the *wwwroot* folder relatively among the othe
8282
}
8383
```
8484

85-
The contents of the *wwwroot* folder are available to be referenced by hosted Blazor applications with an absolute folder reference in the format:
85+
The contents of the *wwwroot* folder are available for referencing by hosted Blazor applications with an absolute folder reference in the format:
8686

8787
```dotnetcli
8888
/_content/{PACKAGE_ID}/{PATH_AND_FILENAME_INSIDE_WWWROOT}

learn-pr/aspnetcore/blazor-build-reusable-components/includes/3-create-razor-class-library.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
In this exercise, you'll create a modal dialog in a Razor class library that you can reuse in the default Blazor template application.
1+
In this exercise, you create a modal dialog in a Razor class library that you can reuse in the default Blazor template application.
22

33
![Screenshot of the modal dialog to be created in the standard Blazor template application.](../media/first-modal.png)
44

@@ -162,7 +162,7 @@ With the modal component now residing in the *FirstClassLibrary* project, add a
162162
dotnet new blazor -o MyBlazorApp -f net8.0
163163
```
164164
165-
1. In the *MyBlazorApp* project, add a reference to the *FirstClassLibrary* project either by using the Visual Studio Add Reference feature or by running the following command from the *MyBlazorApp* folder:
165+
1. Add a reference to the *FirstClassLibrary* project in the *MyBlazorApp* project, either by using the Visual Studio Add Reference feature or by running the following command from the *MyBlazorApp* folder:
166166
167167
```dotnetcli
168168
dotnet add reference ../FirstClassLibrary

0 commit comments

Comments
 (0)