Save time in Blazor with MudBlazor

Learn to integrate MudBlazor in your Blazor project

This course will introduce you to MudBlazor, a library that allows you to use predefined components and fast-forward your development process in Blazor projects. It also allows you to interact with generic HTML and CSS without any restrictions.

What you’ll learn

  • MudBlazor layouts and themes.
  • MudBlazor inputs.
  • Mudblazor design components.
  • MudBlazor charts.

Course Content

  • Introduction –> 1 lecture • 2min.
  • Setup –> 2 lectures • 11min.
  • Basic components –> 2 lectures • 27min.
  • Inputs –> 4 lectures • 53min.
  • Charts –> 1 lecture • 9min.
  • Misc. –> 1 lecture • 6min.
  • Example –> 13 lectures • 3hr 14min.

Auto Draft

Requirements

  • Visual studio.
  • Rudimentary understanding of CSS.
  • Understanding of Blazor.

This course will introduce you to MudBlazor, a library that allows you to use predefined components and fast-forward your development process in Blazor projects. It also allows you to interact with generic HTML and CSS without any restrictions.

 

We will begin with the setup of the library – installing Nuget packages and adding references to files, for both client and server-side options. Once we are done with that, we will be jumping into layouts and other aspects of basic setup.

 

After the setup, we will be looking at all kinds of components – buttons, inputs of different types, and then some more complicated ones, such as charts and tables. You will not only learn how to adjust various visual properties, but also how to interact with these components programmatically.

 

Finally, we will be looking at a rather large real-world example – a basic blog platform. This is to see how MudBlazor components interact with each other, as well as how they interact with generic HTML and CSS. The example will include a page that allows users to add a new article and pages that will allow searching for and reading articles. And it will include many of the components previously covered in the course, but in this case in a more realistic environment.

Get Tutorial