Skip to content

Commit a12547d

Browse files
Build web apps with Blazor
1 parent 1115516 commit a12547d

File tree

194 files changed

+6420
-0
lines changed

Some content is hidden

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

194 files changed

+6420
-0
lines changed

.vscode/settings.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"dotnet.defaultSolution": "BlazorApp.sln"
3+
}
Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
# Introduction
2+
3+
Get ready to build your first Blazor web app! If you're looking to get started with web development using the power and flexibility of the .NET platform, then you're at the right place. Blazor is a modern frontend web framework based on HTML, CSS, and C# that helps you build web apps fast.
4+
5+
To get started building with Blazor, you first need to set up your development environment by installing the .NET SDK and a preferred code editor. You can then create your first Blazor web app project and start to learn the fundamentals of working with Blazor components.
6+
7+
In this module, you'll learn everything you need to know to set up your .NET development environment and get your first Blazor created and running in just a few minutes. You'll learn how to create and use components, how to turn a component into a page, and how to do basic event handling and data binding. You'll then use everything you learned to build a basic to-do list app.
8+
9+
By the end of this module you should have a working Blazor development environment, a basic understanding of Blazor components, and a running Blazor web app that you built yourself.
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# Configure your development environment
2+
3+
- Configure your development environment

Build web apps with Blazor/unit 3 Exercise - Create and run a Blazor web app/.vs/unit 3 Exercise - Create and run a Blazor web app/config/applicationhost.config

Lines changed: 962 additions & 0 deletions
Large diffs are not rendered by default.
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<base href="/" />
8+
<link rel="stylesheet" href="bootstrap/bootstrap.min.css" />
9+
<link rel="stylesheet" href="app.css" />
10+
<link href="~/app.css" rel="stylesheet" />
11+
<link rel="stylesheet" href="unit 3 Exercise - Create and run a Blazor web app.styles.css" />
12+
<link rel="icon" type="image/png" href="favicon.png" />
13+
<HeadOutlet />
14+
</head>
15+
16+
<body>
17+
<Routes />
18+
<script src="_framework/blazor.web.js"></script>
19+
</body>
20+
21+
</html>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
@inherits LayoutComponentBase
2+
3+
<div class="page">
4+
<div class="sidebar">
5+
<NavMenu />
6+
</div>
7+
8+
<main>
9+
<div class="top-row px-4">
10+
<a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
11+
</div>
12+
13+
<article class="content px-4">
14+
@Body
15+
</article>
16+
</main>
17+
</div>
18+
19+
<div id="blazor-error-ui">
20+
An unhandled error has occurred.
21+
<a href="" class="reload">Reload</a>
22+
<a class="dismiss">🗙</a>
23+
</div>

0 commit comments

Comments
 (0)