Paths
Building Web Applications with Blazor
Blazor is an open-source web framework developed by Microsoft. It enables developers to create web apps using C# and HTML. This path will take you from the basics of Blazor all... Read more
What You Will Learn
- Design and building enterprise applications
- Components
- Authentication
- Authorization
- Integrating browser API’s
Pre-requisites
C#
Beginner
Learn the use case for Blazor and get started with your first app.
Blazor: The Big Picture
32m
Description
In the past, you would typically use JavaScript to develop rich, interactive client-side web UIs. JavaScript has some language- and tooling limitations and doesn’t allow you to reuse server-side code. In this course, Blazor: The Big Picture you will learn a foundational knowledge of developing interactive client-side Web UIs with C#. First, you will learn what Blazor is and how it works. Next, you will discover what the difference is between Blazor and other technologies like Angular and React. Finally, you will explore how to get ready to start developing Blazor applications. When you’re finished with this course, you will have the skills and knowledge of Blazor needed to develop interactive client-side Web UIs with C#.
Table of contents
- Course Overview
- What Is Blazor and How Does It Work?
Blazor: Getting Started
3h 18m
Description
Writing modern web applications with a rich UI becomes hard. Using Blazor, you can now leverage your C# skills to build interactive web UIs. In this course, Blazor Getting Started, you will gain the ability to build web applications using Blazor. First, you will learn how to set up your first Blazor application. Next, you will discover how to work with data coming from an API and use data binding. Finally, you will explore how to create components and integrate existing JavaScript components. When you are finished with this course, you will have the skills and knowledge of Blazor needed to build a web application using Blazor.
Table of contents
- Course Overview
- Building Your First Blazor Application
- Working with Data
- Adding Features to the App
- Converting to Server-side Blazor
- Deploying Your Application
Building a Bug Tracking App with Blazor
1h 50m
Description
In this project, you'll use Blazor to build an application to track software bugs, so they can be prioritized and fixed by a developer. You'll build multiple Blazor components, and link them together with proper routing and navigation. You'll also work with forms and validation, manage the submitted data using services, and display the data in a reusable way.
Project overview
- Setup10m
- Building the Navigation and Components15m
- Creating the New Bug Form20m
- Working with Services and Data25m
- Add Data Validation to the Form15m
- Display the Bugs using a Component25m
Intermediate
Take a deeper dive into Blazor while you learn about designing enterprise applications, authentication, and authorization.
Designing and Building Enterprise Blazor Applications
2h 30m
Description
Blazor offers promising new tools for building rich web interfaces with C#. This course, Designing and Building Enterprise Blazor Applications, will explore important architectural topics like dependency injection and routing in-depth.
First, you'll see how to consume and share components in a reusable way to enhance your productivity.
Next, you'll go in-depth with HTTP communication in Blazor, helping your rich web apps interact with a variety of APIs.
Finally, you’ll explore more advanced form concepts that surface as an application grows in complexity.
When you're finished with this course, you'll be ready to transition from building basic sample apps to implementing more real world concepts, design patterns, and features.
Table of contents
- Course Overview
- Designing and Architecting Blazor Applications
- Working with Dependency Injection and Application State
- Enhancing the Application for the Enterprise
- HTTP Communication with Blazor
- Building Advanced Form Workflows
Authentication and Authorization in Blazor Applications
2h 31m
Description
Authentication and authorization are two incredibly important aspects of a secure Blazor application. In this course, Authentication and Authorization in Blazor Applications, you'll learn how to secure your Blazor application using a variety of best practice techniques for authentication and authorization. You'll learn how to log in and out of your Blazor application with cookies; explore how to work with ASP.NET Core Identity; examine how to implement token-based security for your Blazor application using OAuth2 and OpenID Connect; and discover how to deal with authorization, including how to create and use authorization policies, among other things. By the end of this course you'll be comfortable implementing best-practice security techniques in Blazor applications.
Table of contents
- Course Overview
- Getting Started with Authentication in Blazor
- Cookie-based Authentication with ASP.NETCoreIdentity
- Token-based Authentication with OAuth2/OIDC
- Token-based authentication with ASP.NET Core Identity
- Working with Window Authentication / Active Directory
- Working with Authorization
Advanced
Learn how to create Blazor components while integrating with browser-based API’s
Creating Blazor Components
1h 21m
Description
Blazor is an excellent framework to write single-page applications while using just C# as the programming language. In this course, Creating Blazor Components, you will learn how to write both simple and more advanced Blazor components. First, you will learn how to write a basic component using one-way data binding and events. Next, you will discover the more wondrous capabilities of Blazor, like creating your own events, using chained binds, and you will dive into cascading values and lifecycle methods. Finally, you will explore how to create templated components enabling component re-use to the max. When you're finished with this course, you will have the skills and knowledge to create awesome components in Blazor for any application type.
Table of contents
- Course Overview
- Writing Your First Blazor Component
- Composing an Interactive Blazor Application
- Creating Templated Components
JavaScript Interop in Blazor Applications
3h 8m
Description
At the core of using JavaScript libraries and JavaScript components in your Blazor application is a thorough knowledge of JavaScript Interop. In this course, JavaScript Interop in Blazor Applications, you will learn the skills you need to work with JavaScript in your Blazor apps. First, you will learn how to invoke JavaScript functions from .NET and how to invoke .NET methods from JavaScript. Next, you will discover how to use JavaScript Interop to access browser APIs like the local storage. Finally, you will see how to wrap JavaScript components in .NET. You will also learn how to wrap the popular JavaScript data grid called ag-grid in a Blazor component. When you’re finished with this course, you’ll have a foundational knowledge of JavaScript Interop in Blazor that will help you as you move forward to use JavaScript libraries and components in your Blazor applications.
Table of contents
- Course Overview
- Understanding the Need to Use JavaScript in Blazor
- Invoking JavaScript Functions from .NET
- Invoking .NET Methods from JavaScript
- Integrating Browser APIs in Your Blazor App
- Using JavaScript Interop in Razor Class Libraries
- Wrapping JavaScript Components in .NET