Building Web Applications with Blazor

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

Beginner

62 Lessons

18h

Certificate of Completion

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

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

45 Playgrounds

8 Quizzes

This course includes

45 Playgrounds

8 Quizzes

Course Overview

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,...Show More

What You'll Learn

A deep understanding of Blazor and its different project types

Working knowledge of Blazor, Razor components, and Razor syntax

Hands-on experience of securing web applications in Blazor

Familiarity with core concepts of Blazor, including JavaScript interoperability and CSS isolation

Familiarity with advanced Blazor concepts such as progressive web applications and ahead of time compilation

What You'll Learn

A deep understanding of Blazor and its different project types

Course Content

Introduction

Who This Course Is For

Introduction to Blazor How WebAssembly Works Quiz: Introduction to Blazor

Blazor Project Templates

Introduction to Blazor Project Templates

Blazor WebAssembly Blazor Server Hosted Blazor WebAssembly Empty Blazor WebAssembly Template Empty Blazor Server Template Razor Class Libraries A Review of Blazor Project Templates Quiz: Blazor Project Templates Challenge: Blazor Project Templates Solution Review: Blazor Project Template

Managing Blazor UI With Razor Components

Razor Component Structure Razor Component Page-Scoped Keywords Razor Component Element-Scoped Keywords Data Binding in Razor Components Event Handling in Razor Components Razor Component Lifecycle Using Code-Behind in Razor Components Using Layouts and Shared Components Built-in Razor Components Templated Razor Components Quiz: Razor Components Challenge: Using Razor Components Features Solution Review: Using Razor Components Features

Passing Parameters to Razor Components

Basic Parameters in Blazor Cascading Values and Parameters Passing HTML Into Razor Components Quiz: Blazor Parameters Challenge: Blazor Parameters Solution Review: Blazor Parameters

Interoperating With JavaScript

Calling JavaScript from C# Code Calling C# Code From JavaScript Lifecycle Considerations of JavaScript Interop Quiz: Interoperating with JavaScript Challenge: Adding JavaScript Interop Solution Review: Adding JavaScript Interop

Advanced Rendering Concepts in Blazor

8 Lessons

Securing Blazor Applications

5 Lessons

Advanced Blazor Features

5 Lessons

Conclusion

2 Lessons

Appendix

2 Lessons

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Looking for something else?