AI-powered learning
Save this course
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.
4.8
62 Lessons
18h
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- 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
Learning Roadmap
1.
Introduction
Introduction
Get familiar with Blazor, a C#-based framework for streamlined front-end web development.
2.
Blazor Project Templates
Blazor Project Templates
Unpack the core of Blazor project templates, types, structures, and practical application customization.
Introduction to Blazor Project TemplatesBlazor WebAssemblyBlazor ServerHosted Blazor WebAssemblyEmpty Blazor WebAssembly TemplateEmpty Blazor Server TemplateRazor Class LibrariesA Review of Blazor Project TemplatesQuiz: Blazor Project TemplatesChallenge: Blazor Project TemplatesSolution Review: Blazor Project Template
3.
Managing Blazor UI With Razor Components
Managing Blazor UI With Razor Components
13 Lessons
13 Lessons
Work your way through managing Blazor UI with Razor components, binding, events, and layouts.
4.
Passing Parameters to Razor Components
Passing Parameters to Razor Components
6 Lessons
6 Lessons
Enhance your skills in passing parameters and customizing component behaviors in Blazor.
5.
Interoperating With JavaScript
Interoperating With JavaScript
6 Lessons
6 Lessons
Take a closer look at Blazor's seamless integration of C# and JavaScript for enhanced interactivity.
6.
Advanced Rendering Concepts in Blazor
Advanced Rendering Concepts in Blazor
8 Lessons
8 Lessons
See how it works: optimize rendering, dynamic components, prerendering, virtualization, CSS isolation, and dynamic rendering.
7.
Securing Blazor Applications
Securing Blazor Applications
5 Lessons
5 Lessons
Master the steps to secure Blazor applications using authentication, authorization, and access control mechanisms.
8.
Advanced Blazor Features
Advanced Blazor Features
5 Lessons
5 Lessons
Step through enabling advanced Blazor features like AoT compilation and Progressive Web Apps.
9.
Conclusion
Conclusion
2 Lessons
2 Lessons
Look at key Blazor development concepts, integration techniques, and future learning paths.
10.
Appendix
Appendix
2 Lessons
2 Lessons
Go hands-on with setting up the environment and creating local Blazor projects.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
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.
ABOUT THE AUTHOR
Fiodar Sazanavets
Microsoft MVP | senior software engineer | bestselling technical author | software development mentor
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
