Gain insights into Blazor to build single page applications using C#. Delve into Razor syntax, components, JavaScript interoperability, security, and progressive web applications to enhance your full stack development skills.

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

Either `InvokeAsync` or `InvokeVoidAsync`

What method can we call the C# code in Blazor to invoke a JavaScript function that doesn't return a value?

What method can we call the C# code in Blazor to invoke a JavaScript function that doesn’t return a value?

Add an explicit mapping to the `JSRuntime` class during dependency injection component registration.

First, add an appropriate NuGet package to import this type.

No need to do anything since this dependency is automatically registered during the registration of Blazor dependencies.

This type is obsolete and there is no need to use it.

How can you register an instance of the `IJSRuntime` type before you inject it into Razor components?

How can you register an instance of the <code>IJSRuntime</code> type before you inject it into Razor components?

Nothing needs to be done, since any method can be invoked from JavaScript automatically.

How can we ensure that a Blazor method can be invoked by JavaScript code?

How can we ensure that a Blazor method can be invoked by JavaScript code?

Pass a `DotNetObjectReference` instance to JavaScript code and invoke the method on it.

JavaScript can only invoke instance methods.

We cannot invoke instance methods from JavaScript.

If the `static` modifier is not included in the method signature, JavaScript will automatically invoke it as an instance method.

What do we need to do to invoke an instance Razor component method from JavaScript?

What do we need to do to invoke an instance Razor component method from JavaScript?

We cannot, as each invocation is separate.

By passing the first invocation as a parameter into the subsequent invocation.

How can we pass the results from one invocation of a Blazor method in JavaScript into another invocation?

How can we pass the results from one invocation of a Blazor method in JavaScript into another invocation?

JavaScript Interop in Blazor

JavaScript Interop in Blazor

Test yourself on Blazor's interoperation with JavaScript.

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: Interoperating with JavaScript