Blazor Tutorial | CRUD With Blazor, Step By Step | .NET 7

Learn how to build an ASP.NET Core Blazor application completely from scratch and step by step.

By the end of this course, you will have a fully functional Blazor single page application, built entirely with C#, HTML and CSS, that will allow users to manage a simple game catalog from a modern, interactive and friendly user interface.

Topics covered:
01:07 A look at the finished application
04:53 Software prerequisites
05:33 What is ASP.NET Core?
10:18 What is Blazor?
12:29 Development environment setup
15:22 Creating a Blazor WebAssembly project
21:00 Exploring the Blazor project files
35:20 Debugging a Blazor WebAssembly application
38:23 Removing unneeded files and code
40:44 Adding an HTML table
43:14 Creating a C# model class
47:55 Using Razor syntax to combine HTML with C#
56:47 Using Bootstrap to style an HTML table
1:00:41 Moving data to a separate C# client class
1:06:05 Populating data on Razor component initialization
1:10:36 Using the EditForm component
1:20:47 Submitting data captured in an EditForm
1:25:24 Using the NavigationManager component
1:35:18 Using the InputSelect component
1:38:35 Adding client-side validation
1:44:34 Adding GetGame and UpdateGame to the C# client
1:48:42 Using parameters in Razor components
2:00:17 Adding an Edit button to table rows
2:05:32 Adding a modal dialog for deletion
2:16:48 Adding a Delete button to trigger deletion
2:25:16 Next Steps

#blazor #dotnet #aspnetcore

[AthelstanEngland]

I'm a native English speaker and found running this at 0.75 speed made the English much easier to understand, almost as if it had been uploaded at the wrong speed. Thanks for the video.

[JoelScala]

Muy buen video, pude terminar el proyecto en su totalidad. Ahora sigo con el curso completo. Se entiende muy bien el inglés. Saludos desde Argentina.

[markbennett]

Best Blazor tutorial I have found so far. Although I had to change the playback speed to 75%. Good thing YouTube has that feature. You speak very fast!

[Duelweb]

You are far and away the best! Clear, snappy and no ambiguity! Brilliant!

[derekprieur]

Julio, this has been a phenomenal video so far (I am about halfway through). I am normally developing in React but had to pickup Blazor for a bit recently. This video is simple and well explained so thank you 👍

[jacobjuarez]

You answered all the questions that I had while being thorough yet easy to understand!! Thank you

[thceo]

Julio, Thank you! I needed a quick into to Blazor and this did the job. Looks like you have a good content. I appreciated No Ads and Happy to send Super Thanks!

[bulent]

This is a great video, thanks. I'm also very happybecause someone finally said that I don't have to use Visual Studio. After using Vscode many year, Visual Studio doesn't make me feel comptable.

[tajudeensalaudeen]

Julio, Your style of teaching is awesome, Thank you for the video. I will use this to kick start Blazor.

[serkiat]

I am just learning Blazor and find your video so useful. I also liked the bits about Bootstrap, which is a new area for me. Thank you so much.

[pavloblyznuk]

Nice explanation how to start using Blazor! Thank!

[hwtnydb]

followed along but using Visual Studio rather than VS code. Got everything working apart from Modal, which would not open until I placed the DeleteGame razor component in a new DIR which I named Components (I appeared to recognise it as a Page when in was in the Pages DIR). Used Fontawesome instead of ioconic as it doesn't seem available to VS. Great little work out, thank you Julio.

[markdickensapdatamigration]

Very Good Training Content - Thank You . . . You sound Italian and have100% perfect English but if you could *SLOW* down yout talk by 15% or 25% then this would help me (UK/British/English) and the others on YouTube :-) ... please keep the training coming . . . I am impressed so far

[bennymountain]

Great video, sir! Also serves as a good intro to VS Code.

[evaristegalois]

I'm following along, but building it in Visual Studio rather than vs code. If i come unstuck, it doesn't matter. Might try at 0.75 speed though, sounds like a good idea!

[waleedbensumaidea]

Thank you so much Julio,
Would you like to create a Video about Blazor in NET8 with the new Template?

We see that there are some changes in the project files structure.
Also, there are multiple render modes for each page so that makes it hard to decide which render mode to choose. Plus if we have to install a UI template like MudBlazor how installing the template would be with the new project structure, because in the client project, they had removed index.html and its layout

[sifisocyprianshezi]

Great video. I want to apply this knowledge creating a appointment/ todo portal

[zedshockblade]

Do you know any good code formatter for razor pages in vscode?

[xodusgraphicdesigns]

how would i connect this to a database

[sadokabdelbasset]

Thank you so much for the video, but please can you speak slower because it is very hard for us to understand, thank you again