Need to serialize and deserialize fields in your class with System.Text.Json? We have you covered with just a few additional settings.

Chapters:

00:00 - Intro

00:40 - Default serialization for fields

01:50 - Including fields with JsonSerializationOptions

02:25 - Ignoring fields with JsonIgnore

02:55 - Including individual fields

04:10 - Wrap-up

Resources:

Full Playlist: https://www.youtube.com/playlist?list=PLdo4fOcmZ0oVp5o3x_5IZiI7GNs0GklYH

Docs: https://learn.microsoft.com/dotnet/standard/serialization/system-text-json/fields

Connect with .NET:

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 #systemtextjson #json

Live with the lead Blazor Product Manager, Daniel Roth, we will learn about basic web development with .NET Blazor! Then, build an interactive web-based game application with Blazor. Come to learn something new and leave with something that we all built, together, live with experts!

Community Links: https://aka.ms/letslearndotnet-blazor

Featuring: Jayme Singleton (@jaymesingleton1), Daniel Roth (@DanRoth27)

#GettingStarted #dotnet #Blazor

The .NET Hack Together was a hackathon where folks created cloud-native or AI apps with .NET 8. In this episode of the ASP.NET Community Standup we'll feature the winners! Check out the innovative AI, cloud-native (built with Aspire), and the best overall apps all created with .NET 8.

Community Links: https://aka.ms/hacktogether/dotnet

Featuring: Jon Galloway (@jongalloway), Andy Merhaut, Zadok Joshua, Divakar Kumar, Matt Soucoup

#CloudNative #Aspire #DotNet

It's time to get you development environment set up to build your first Blazor web app.

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

Chapters:

00:52 - Visual Studio

03:22 - Command Line

06:00 - VS Code

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 tutorial: https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial

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

This episode is all about Blazor components. You'll learn how to create components, how to use them, and how pass data to them.

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

Chapters:

00:00 - Intro

00:35 - Razor Components

02:27 - Reusing Existing Components

04:14 - C# Logic in Components

09:47 - Passing Data to Components Using Parameters

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 components overview: https://learn.microsoft.com/aspnet/core/blazor/components

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

In this episode you'll learn how to route page navigations to specific components and how to set up a layout for your pages.

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

Chapters:

00:00 - Intro

00:52 - Creating Custom Routes

02:00 - Adding Route Parameters

07:05 - Blazor Router Component and App.Razor

08:57 - Layout and Layout Components

11:24 - Apply a Layout to your Pages

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:

Microsoft Learn: Use pages, routing, and layouts to improve Blazor navigation: https://learn.microsoft.com/training/modules/use-pages-routing-layouts-control-blazor-navigation/

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

Let's take a look at all the files that make up a Blazor web app project and understand what they do.

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

Chapters:

00:00 - Intro

00:31 - Project file and the csproj extension

01:30 - Program.cs

03:25 - wwwroot folder

05:30 - Components folder

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 project structure: https://learn.microsoft.com/aspnet/core/blazor/project-structure

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

In this episode you'll learn how to handle all kinds of UI events from your components. We'll also look at handling component child content, working with render fragments, and handling additional component attributes.

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

Chapters:

00:00 - Intro

00:26 - Define an event handler

04:10 - Handling events from web UI elements

09:28 - Handling events from custom components

13:41 - Passing content to a button element

16:20 - Additional attributes

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 event handling: https://learn.microsoft.com/aspnet/core/blazor/components/event-handling

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

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

In this episode we'll look at the different component render modes and the different ways you can make Blazor components interactive.

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

Chapters:

00:00 - Intro

00:27 - Static server-side rendering (SSR)

01:28 - Enhanced navigation and form handling

03:40 - Streaming rendering

06:42 - Add client interactivity

11:27 - Set up interactive WebAssembly rendering

17:20 - Enable interactivity everywhere

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 Render modes: https://learn.microsoft.com/aspnet/core/blazor/components/render-modes

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