Blazor: Getting Started
Learn how to build your first application in a hands-on way using Blazor, Microsoft's solution to use C# to write interactive web UIs without JavaScript.
What you'll learn
Writing modern web applications with a rich UI becomes hard. Using Blazor, you can now leverage your C# skills to build interactive web UIs. In this course, Blazor Getting Started, you will gain the ability to build web applications using Blazor. First, you will learn how to set up your first Blazor application. Next, you will discover how to work with data coming from an API and use data binding. Finally, you will explore how to create components and integrate existing JavaScript components. When you are finished with this course, you will have the skills and knowledge of Blazor needed to build a web application using Blazor.
Table of contents
- Version Check 0m
- Module Introduction 2m
- What Will You Learn from This Course? 3m
- Demo: Looking at the Finished Application 2m
- Hello Blazor 6m
- The Different Hosting Models of Blazor 7m
- Understanding File New Project 4m
- Demo: Exploring a New Blazor Project 13m
- Creating Your First Blazor App 2m
- Demo: Creating Your First App 13m
- Demo: Adding Your Own Layout 5m
- Demo: Debugging a Blazor App 1m
- Summary 1m
- Module Introduction 1m
- Accessing Real Data from a REST API 3m
- Demo: Exploring the API 7m
- Working with the HttpClient 9m
- Demo: Accessing Data from the REST API 10m
- Creating a Form 3m
- Demo: Testing the Data Binding Features of Blazor 3m
- Forms in Blazor 2m
- Demo: Adding the Add Employee Form 6m
- Demo: Adding More Components 7m
- Demo: Saving the Data 9m
- Adding Validation to the Form 1m
- Demo: Adding Validation 3m
- Summary 1m
- Module Introduction 1m
- Introducing .NET 5 for Blazor 2m
- Demo: Migration the Application to .NET 5 3m
- Uploading Files Using InputFile 2m
- Demo: Uploading Files 6m
- Using InputRadio and InputRadioGroup 1m
- Demo: Using InputRadio and InputRadioGroup 2m
- Demo: Setting Focus 2m
- Improving Performance Using Virtualize 2m
- Demo: Using the Virtualize Component 7m
- Demo: Adding CSS Isolation 4m
- Demo: Using Lazy Loading 2m
- Demo: Using Lazy Loading 4m
- Other Improvements to Blazor 1m
- Improvements in the Developer Experience 1m
- Demo: Improvements in the Developer Experience 3m
- Summary and Course Closing 1m
About the author
Gill Cleeren is a Microsoft Regional Director, MVP and Pluralsight author. Gill is the CTO of Xebia Microsoft Services Belgium and focuses on web and mobile architecture. He's also a frequent speaker at many international conferences. Gill also founded Techorama, the biggest IT conference in Belgium and the Netherlands.