Introduction to Blazor

Build and deploy interactive web applications using C# and Blazor. This hands-on course covers Razor syntax, component-based development, form handling, JavaScript interoperability, and security, so you can deliver modern, full-featured Blazor applications with confidence.

What You'll Learn

By the end of this course, you will be able to:

• Build interactive web applications using C# and Blazor's component model
• Write Razor syntax to implement classes, loops, and conditional rendering
• Implement routing, data binding, dependency injection, and layouts in Blazor components
• Handle and validate user input using Blazor forms
• Call JavaScript APIs and libraries from C# and invoke Blazor from JavaScript
• Secure Blazor applications by configuring identity and controlling UI visibility
• Deploy Blazor applications to Azure Services and Azure Storage

Requirements

• Working knowledge of C#
• Familiarity with basic web development concepts is helpful but not required

Audience

• C# Developers moving into web application development
• Web Developers looking to build front-end applications without JavaScript frameworks
• Software Engineers building interactive UIs with .NET technologies

Topics

Introduction to Blazor

• What is Blazor and How Does It Work
• Client-Side vs. Server-Side Programming Models

Razor Syntax

• Working with Classes in Razor
• Implementing Loops and Conditionals in Templates

Setting Up the Development Environment

• Installing and Configuring Blazor
• Creating a New Blazor Project

Components

• Implementing Routing in Blazor Applications
• Working with Dependency Injection, Child Content, and Layouts
• Applying Component and Data Binding

Form Handling

• Reading User Input with Forms
• Validating Form Data

JavaScript Interoperability

• Calling JavaScript APIs and Libraries from C#
• Invoking Blazor Components and Methods from JavaScript
• Creating and Packaging Blazor Libraries

Security

• Controlling UI Visibility Based on Authorization
• Configuring Identity and Authentication
• Using Built-In Login and Registration Components

Deployment

• Deploying Blazor Applications to Azure Services and Azure Storage