Building Web Applications with Blazor

Paths

Building Web Applications with Blazor

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

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

Dec 9, 2019 / 2h 49m

2h 49m

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. Preparing for Client-side Blazor
  6. Deploying Your Application

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

Jan 31, 2020 / 2h 31m

2h 31m

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 32m

2h 32m

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

Dec 23, 2019 / 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