Building Web Applications with Blazor

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.

Beginner

62 Lessons

18h

Certificate of Completion

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

Get familiar with Blazor, a C#-based framework for streamlined front-end web development.

Who This Course Is For

Introduction to Blazor How WebAssembly Works Quiz: Introduction to Blazor

Blazor Project Templates

Unpack the core of Blazor project templates, types, structures, and practical application customization.

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

Work your way through managing Blazor UI with Razor components, binding, events, and layouts.

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

Enhance your skills in passing parameters and customizing component behaviors in Blazor.

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

Take a closer look at Blazor's seamless integration of C# and JavaScript for enhanced interactivity.

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

See how it works: optimize rendering, dynamic components, prerendering, virtualization, CSS isolation, and dynamic rendering.

Securing Blazor Applications

5 Lessons

Master the steps to secure Blazor applications using authentication, authorization, and access control mechanisms.

Advanced Blazor Features

5 Lessons

Step through enabling advanced Blazor features like AoT compilation and Progressive Web Apps.

Conclusion

2 Lessons

Look at key Blazor development concepts, integration techniques, and future learning paths.

10.

Appendix

2 Lessons

Go hands-on with setting up the environment and creating local Blazor projects.

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!