Learn Live: Build a web app with Blazor

on YouTube ↗01h 00m

" summary

Builds a Blazor web app using Visual Studio Code or Visual Studio 2022, .NET 6/7, and the dotnet CLI (commands shown: dotnet new blazorserver and dotnet watch run). Creates a counter component that increments without page refresh, adds an incrementAmount parameter passed from the homepage, and implements a ToDo page with a ToDoItem class (Title, Done) bound to form inputs via @bind. Demonstrations run successfully (minor demo lag), and both component composition and server vs WebAssembly hosting models are explained.

AI-written summary · about

" chapters (19)

1. 0:00Blazor web app intro
2. 2:45Blazor session objectives
3. 4:10Why use Blazor
4. 5:41What is Blazor
5. 8:22Blazor advantages
6. 12:27Blazor and WebAssembly
7. 15:46Blazor Server architecture
8. 18:37Blazor WebAssembly browsers
9. 20:52Setting up the development environment
10. 23:05First Blazor app
11. 28:46Razor Components structure
12. 31:19Counter component
13. 33:51Blazor runtime quiz
14. 36:27Adding components
15. 39:49Component parameters
16. 42:43Data binding in Blazor
17. 46:43Razor directives
18. 51:03To-Do List component
19. 57:45Summary and next steps

" related talks

• 41mModern Full-Stack Web Development with ASP.NET Core & BlazorDaniel Roth · Microsoft Build 2024
• 01h 00mASP.NET Blazor programming 101Dino Esposito · DotNext 2019 Piter
• 01h 04mBuild Your First Full-Stack Blazor AppEd Charbeneau · Connect.Tech 2021
• 58mWelcome to BlazorDaniel Roth · .NET Conf: Focus on Blazor 2020
• 34mBuilding Blazor applications on a MacDaniel Roth, kendra havens · Visual Studio for Mac: Refresh(); 2020
• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC London 2020
• 53mWebAssembly Using C# BlazorChan Ming Man · Global Azure Virtual 2020
• 01h 03mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC Minnesota 2018