Blazor University
Learn the .NET SPA framework from Microsoft
⌘
Ctrl
X
Introduction
What is Blazor?
What is WebAssembly?
Blazor hosting models
Installing Blazor
Creating a new project
Creating a page
Layouts
Creating a Blazor layout
Using a layout
Nested layouts
Components
Creating a component
One-way binding
Literals, expressions, and directives
Directives
Component events
Browser DOM events
Two-way binding
Binding directives
Cascading values
Cascading values by name
Cascading values by type
Overriding cascaded values
Code generated HTML attributes
Capturing unexpected parameters
Replacing attributes on child components
Component lifecycles
Multi-threaded rendering
Thread safety using InvokeAsync
Render trees
Incremental RenderTree proof
Optimizing using @key
Templating components with RenderFragments
Creating a TabControl
Passing data to a RenderFragment
Using @typeparam to create generic components
Passing placeholders to RenderFragments
Routing
Defining routes
Route parameters
Constraining route parameters
Optional route parameters
404 - Not found
Navigating our app via HTML
Navigating our app via code
Detecting navigation events
Forms
Editing form data
Descending from InputBase<T>
Validation
Handling form submission
EditContext, FieldIdentifiers, and FieldState
Accessing form state
Writing custom validation
Component libraries
JavaScript interop
Calling .NET From JavaScript
Calling static .NET methods
Lifetimes and memory leaks
Type safety
JavaScript boot process
Calling JavaScript from .NET
Updating the document title
Passing HTML element references
Dependency injection
Component scoped dependencies
OwningComponentBase<T>
Owning multiple dependencies: The wrong way
Owning multiple dependencies: The right way
Injecting dependencies into Blazor components
Dependency lifetimes and scopes
Transient dependencies
Singleton dependencies
Scoped dependencies
Comparing dependency scopes
I am available for contract work, contact me via
Linked-in
or
Email
.
Creating a new project
Edit
Open Visual Studio Preview.
Click
Create a new project
.
In the search box type Blazor.
Select
Blazor WebAssembly App
.
Click
Next
.
Enter a project name, such as
MyFirstBlazorApp
.
Click
Next
.
Check the
ASP.NET Core hosted
check box.
Click
Create
.
esc
No results found