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

What base class does a Razor component layout inherit from?

What base class does a Razor component layout inherit from?

Which lifecycle event is triggered after the `SetParametersAsync`?

Which lifecycle event is triggered after the <code>SetParametersAsync</code>?

Which built-in Razor component is used in error handling?

Which built-in Razor component is used in error handling?

What Razor keyword is used to bind a specific Razor component reference to a Razor component of the same type?

What Razor keyword is used to bind a specific Razor component reference to a Razor component of the same type?

By adding an event handler method for it, such as `@onclick`

When using data binding in an input element in Blazor, how can we override the default event that sets the value of the bound property?

When using data binding in an input element in Blazor, how can we override the default event that sets the value of the bound property?

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: Razor Components