5.0
Intermediate
24h
Building Real-Life Applications with Blazor WebAssembly
Gain insights into building single-page web apps with Blazor WebAssembly. Delve into templated components, JavaScript integration, PWAs, app state, events, and ASP.NET Core hosted apps using C#.
Blazor WebAssembly is a framework built on the popular and robust ASP.NET framework. It allows you to build single-page web applications that use C# on the client instead of JavaScript. Blazor WebAssembly does not rely on plug-ins or add-ons. It only requires that the browser support WebAssembly.
In this course, you will complete practical projects that will teach you the fundamentals of Blazor WebAssembly. Each chapter includes a standalone project with detailed step-by-step instructions. Each project is designed to highlight one or more important concepts. In the first project, you will learn templated components. Next, you will learn about JavaScript interoperability, Progressive Web Applications, application state, events, and ASP.NET Core hosted applications with Web API. You will finish with built-in components, such as EditForm and validation.
By the end of the course, you will have experience building both simple standalone web applications and hosted web applications with SQL Server backends.
Blazor WebAssembly is a framework built on the popular and robust ASP.NET framework. It allows you to build single-page web appl...Show More
WHAT YOU'LL LEARN
An understanding of Blazor and its applications to web development
Working knowledge of creating templated components
Hands-on experience developing progressive web applications using Blazor
The ability to invoke JavaScript functions from Blazor using JS Interoperability
The ability to invoke .NET methods from JavaScript using JS interoperability
Familiarity with core components of Blazor, including built-in Razor components, application state, and events
An understanding of Blazor and its applications to web development
Show more
Content
1.
Introduction to Blazor WebAssembly
6 Lessons
Get familiar with Blazor WebAssembly, its benefits, hosting models, and development setup.
2.
Building Your First Blazor WebAssembly Application
18 Lessons
Get started with building your first Blazor WebAssembly app using Razor components.
Introduction to Blazor WebAssembly ApplicationRazor ComponentsComponent StructureRouting in Blazor WebAssemblyRazor SyntaxDemo Project OverviewCreating the Demo Blazor WebAssembly ProjectExamining the Demo Project's StructureExamining the Shared Razor ComponentsExamining the Routable Razor ComponentsUsing the Razor ComponentsAdding a Parameter to a ComponentAdding a Route ParameterUsing Partial Classes to Separate Markup from CodeCreating a Custom Blazor WebAssembly Project TemplateCreating a Project TemplateSummary of First Blazor WebAssembly ApplicationQuiz Yourself on the Basics of Blazor WebAssembly
3.
Building a Modal Dialog Using Templated Components
13 Lessons
Master the steps to create customizable Blazor modal dialogs using templated components.
4.
Building Local Storage Service Using JavaScript Interoperability
12 Lessons
Grasp the fundamentals of building a local storage service using Blazor and JavaScript interoperability.
5.
Building a Weather App as a Progressive Web App (PWA)
14 Lessons
Take a closer look at building a Blazor-based PWA weather app using APIs and offline capabilities.
6.
Building a Shopping Cart Using Application State
10 Lessons
Tackle creating a persistent shopping cart in Blazor WebAssembly using the AppState pattern.
7.
Building a Kanban Board Using Events
9 Lessons
Master the steps to build a dynamic Kanban board using Blazor WebAssembly event handling.
8.
Building a Task Manager Using ASP.NET Web API
15 Lessons
Step through building a task manager using ASP.NET Web API and Blazor WebAssembly.
9.
Building an Expense Tracker Using the EditForm Component
14 Lessons
Walk through creating an expense tracker with EditForm, input, and validation components.
10.
Conclusion
1 Lessons
Examine key concepts of Blazor WebAssembly, from Razor components to progressive web apps.
11.
Local Installations
1 Lessons
Find out about setting up your development environment with Visual Studio, .NET, and SQL Server.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:
Developed by MAANG Engineers
Trusted by 2.8 million developers working at companies
"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"
Anthony Walker
@_webarchitect_
"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"
Evan Dunbar
ML Engineer
"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."
Software Developer
Carlos Matias La Borde
"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"
Souvik Kundu
Front-end Developer
"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."
Vinay Krishnaiah
Software Developer
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources
