Learn Blazor: a .NET-based framework for building fast and secure in-browser applications.

blazor.tar.gz

Single Project Setup

Hosted app

Project Setup With DB

This course is a comprehensive overview of Blazor, a web framework used to build single page applications using C# on the server and client sides instead of JavaScript. The course is particularly beneficial for those developers who want to build full stack web applications using Microsoft technologies. 

In this course, you’ll start by learning various Blazor project types and when to use them. Next, you’ll cover Razor syntax and components, parameter passing between components, JavaScript interoperability, dynamic and prerendered Razor components, and CSS isolation. You’ll finish with learning how to secure Blazor applications, ahead of time compilation, and progressive web applications.

By the time you’re done with the course, you will be well on your way to become a full stack developer who can build dynamic and powerful web applications using the state of the art, modern technologies covered in this course.

Building Web Applications with Blazor

No attribute is needed, and any property that is set as `public` can be used as a parameter.

No attribute is needed, and any property that is set as `public static` can be used as a parameter.

What attribute marks a property in a Razor component as a parameter that can be set from its direct parent only?

What attribute marks a property in a Razor component as a parameter that can be set from its direct parent only?

Wrap the component hierarchy in the `<CascadingValue>` element, set the parameter value in this element, and apply the `[CascadingParameter]` attribute to any property of the element in the hierarchy where you want to apply the parameter value.

Wrap the component hierarchy in the `<CascadingValue>` element. Then, create a property with a matching data type and matching name to that of the parameter on the element in the hierarchy where we want to apply the parameter value.

Apply the `[CascadingParameter]` attribute to a specific property in a specific element and then set the value directly in the parent element.

Wrap the component hierarchy in the `<CascadingValue>` element, set the parameter value in this element, and apply the `[Parameter]` attribute to any property of the element in the hierarchy where we want to apply the parameter value.

What do you need to apply parameters to any appropriate element in a Razor component hierarchy?

What do you need to apply parameters to any appropriate element in a Razor component hierarchy?

Public property with the `RenderFragment` data type.

Public property with the `string` data type, the name `ChildContent`, and the `[Parameter]` attribute.

Public property with `RenderFragment` data type, the name `ChildContent`, and the `[Parameter]` attribute.

Public property with any data type, the name `ChildContent`, and the `[Parameter]` attribute.

How can the Razor component parameter be configured to accept raw HTML?

How can the Razor component parameter be configured to accept raw HTML?

By applying the `[Parameter]` attribute to any property and then just adding a value to the path when we need to navigate to it.

By writing a parameter placeholder into the path and having a property with the same name and the `[Parameter]` attribute.

How can we apply parameters to Blazor pages via the URL path?

How can we apply parameters to Blazor pages via the URL path?

Blazor Parameters and Components

Blazor Parameters and Components

Test your knowledge of Blazor parameters.

Introduction

Blazor Project Templates

Managing Blazor UI With Razor Components

Passing Parameters to Razor Components

Interoperating With JavaScript

Advanced Rendering Concepts in Blazor

Securing Blazor Applications

Advanced Blazor Features

Conclusion

Appendix

Quiz: Blazor Parameters