Building Web Applications with Blazor

Paths

Building Web Applications with Blazor

Authors: Barry Luijbregts, Gill Cleeren, Alex Wolf, Kevin Dockx, Roland Guijt, Thomas Claudius Huber

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

Related topics

C# HTML

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

by Barry Luijbregts

Oct 8, 2019 / 32m

32m

Start Course
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
  1. Course Overview
  2. What Is Blazor and How Does It Work?

Blazor: Getting Started

by Gill Cleeren

Jun 25, 2020 / 3h 17m

3h 17m

Start Course
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
  1. Course Overview
  2. Building Your First Blazor Application
  3. Working with Data
  4. Adding Features to the App
  5. Converting to Server-side Blazor
  6. Deploying Your Application
Project

Building a Bug Tracking App with Blazor

by Alex Wolf

Apr 23, 2020 / 1h 50m

1h 50m

Start Project
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
  1. Setup10m
  2. Building the Navigation and Components15m
  3. Creating the New Bug Form20m
  4. Working with Services and Data25m
  5. Add Data Validation to the Form15m
  6. 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

by Alex Wolf

Aug 5, 2020 / 2h 36m

2h 36m

Start Course
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
  1. Course Overview
  2. Designing and Architecting Blazor Applications
  3. Working with Dependency Injection and Application State
  4. Enhancing the Application for the Enterprise
  5. HTTP Communication with Blazor
  6. Building Advanced Form Workflows

Authentication and Authorization in Blazor Applications

by Kevin Dockx

Dec 12, 2019 / 2h 31m

2h 31m

Start Course
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
  1. Course Overview
  2. Getting Started with Authentication in Blazor
  3. Cookie-based Authentication with ASP.NETCoreIdentity
  4. Token-based Authentication with OAuth2/OIDC
  5. Token-based authentication with ASP.NET Core Identity
  6. Working with Window Authentication / Active Directory
  7. Working with Authorization

Advanced

Learn how to create Blazor components while integrating with browser-based API’s

Creating Blazor Components

by Roland Guijt

Jun 2, 2020 / 1h 21m

1h 21m

Start Course
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
  1. Course Overview
  2. Writing Your First Blazor Component
  3. Composing an Interactive Blazor Application
  4. Creating Templated Components

JavaScript Interop in Blazor Applications

by Thomas Claudius Huber

May 4, 2020 / 3h 8m

3h 8m

Start Course
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
  1. Course Overview
  2. Understanding the Need to Use JavaScript in Blazor
  3. Invoking JavaScript Functions from .NET
  4. Invoking .NET Methods from JavaScript
  5. Integrating Browser APIs in Your Blazor App
  6. Using JavaScript Interop in Razor Class Libraries
  7. Wrapping JavaScript Components in .NET
Offer Code *
Email * First name * Last name *
Company
Title
Phone
Country *

* Required field

Opt in for the latest promotions and events. You may unsubscribe at any time. Privacy Policy

By providing my phone number to Pluralsight and toggling this feature on, I agree and acknowledge that Pluralsight may use that number to contact me for marketing purposes, including using autodialed or pre-recorded calls and text messages. I understand that consent is not required as a condition of purchase from Pluralsight.

By activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit