Blazor Fundamentals
Blazor is Microsoft’s technology to create full-stack web applications using C# and HTML. This course will teach you everything you need to know to build a full Blazor application using .NET 8.
What you'll learn
Blazor is Microsoft’s technology to use C#, Razor, and HTML to create full stack web applications. In this course, Blazor Fundamentals, you’ll learn how to build a full application from start to finish. First, you’ll explore what Blazor is and understand the different render modes it supports since .NET 8. Next, you’ll build a complete application with several screens, navigation, authentication, and connected to data from a database. Finally, you’ll learn how to deploy the application to Azure. When you’re finished with this course, you’ll have the skills and knowledge of Blazor needed to build a full, real-world application.
Table of contents
- Module Introduction 1m
- Creating a First Component 4m
- Demo: Creating the Employee Overview Component 12m
- Understanding Streaming Rendering 4m
- Demo: Adding Streaming Rendering to the Overview 4m
- Adding Navigation 6m
- Demo: Navigating to the Employee Detail 7m
- Introducing Interactivity in Components 4m
- Demo: Making the EmployeeDetail Interactive 5m
- Creating a Layout 4m
- Demo: Adding a Custom Layout 5m
- Demo: Debugging Blazor Applications 2m
- Summary 1m
- Module Introduction 1m
- Doing More with Components 8m
- Demo: Working with Parameters 7m
- Working with Events in Interactive Components 8m
- Demo: Creating the Quick View Pop Up Component 10m
- Using RenderFragment 2m
- Demo: Creating the ProfilePicture Component 4m
- Loading Components Dynamically 2m
- Demo: Loading Widgets on the Home Page 3m
- Handling Errors in Components 2m
- Demo: Adding Error Boundaries 2m
- Using Built-in Components 3m
- Demo: Adding a Title 1m
- Summary 1m
- Module Introduction 2m
- Introducing EF Core 10m
- Configuring the Application for EF Core 1m
- Demo: Adding and Configuring EF Core 5m
- Introducing Migrations 3m
- Demo: Adding Migrations 2m
- Demo: Adding Seed Data 2m
- Adding Repositories and Services 7m
- Demo: Adding Repositories and Services 6m
- Demo: Using Data from a Database in the Components 2m
- Managing State in the Application 4m
- Demo: Managing State 5m
- Displaying Large Sets of Data 3m
- Demo: Using the Virtualize Component 8m
- Demo: Using the QuickGrid Component 3m
- Summary 1m
- Module Introduction 1m
- Understanding Data Binding 5m
- Demo: Working with Data Binding 5m
- Adding a Simple Form Using Blazor SSR 6m
- Demo: Creating the Add Employee Form 8m
- Demo: Using EditForm 2m
- Creating a Complex Form with Input Components 2m
- Demo: Creating the Edit Employee Form 10m
- Demo: Uploading Images 4m
- Validating Entered Data 2m
- Demo: Adding Validation 3m
- Summary 1m
- Module Introduction 1m
- Adding Client-side Rendering using Blazor WASM 7m
- Demo: Creating an Interactive WebAssembly Component 11m
- Bringing in an API 2m
- Demo: Adding a Minimal API 5m
- Using the API from the Blazor Application 2m
- Demo: Creating the Client-side Service 7m
- Storing Data Locally 6m
- Demo: Using Blazored LocalStorage 4m
- Using Auto Render Mode 4m
- Demo: Using Auto Render Mode 2m
- Summary 1m