Learn how to bind data to your UI elements and components using Blazor's powerful data binding capabilities. We'll also take everything we've learned so far and build a simple to do list app.

Follow along: https://aka.ms/dotnet/beginnervideos/repo

Chapters:

00:00 - Intro

00:39 - Adding data binding support

04:30 - Change the data bind event

04:58 - Run code after data binding

07:38 - Creating a Todo app

Series:

1 - What is Blazor? - https://youtu.be/sIIfnGqEIds

2 - Build and run your first Blazor web app - https://youtu.be/llDc88XE--Q

3 - Introducing Blazor Components - https://youtu.be/sbXzifvMKXE

4 - Pages, Routing, and Layouts in Blazor - https://youtu.be/TKDo_hEGPJ0

5 - Blazor Web App Project Structure - https://youtu.be/JcOAtSU-jJ0

6 - Handling UI Events in Blazor Web Apps - https://youtu.be/U1H72rASN6I

7 - Data Binding in Blazor Web Apps - https://youtu.be/HfW9J6CXKZc

8 - Blazor Component Render Modes - https://youtu.be/HZAdXx7-PnM

9 - Work with Data in Blazor - https://youtu.be/ZN-CcfEY3Z8

10 - Forms & Validation in Blazor Web Apps - https://youtu.be/s_XFsK9i4Bc

Learn more:

Blazor data binding: https://learn.microsoft.com/aspnet/core/blazor/components/data-binding

Microsoft Learn: Build your first web app with Blazor: https://learn.microsoft.com/training/modules/build-blazor-webassembly-visual-studio-code/

Blog: https://aka.ms/dotnet/blog

Twitter: https://aka.ms/dotnet/twitter

TikTok: https://aka.ms/dotnet/tiktok

Mastodon: https://aka.ms/dotnet/mastodon

LinkedIn: https://aka.ms/dotnet/linkedin

Facebook: https://aka.ms/dotnet/facebook

Docs: https://learn.microsoft.com/dotnet

Forums: https://aka.ms/dotnet/forums

🙋‍♀️Q&A: https://aka.ms/dotnet-qa

👨‍🎓Microsoft Learn: https://aka.ms/learndotnet

#dotnet #blazor #web #frontend #vscode