8621  Reviews star_rate star_rate star_rate star_rate star_half

Build .NET 10 Web Apps with Blazor and Web API

Gain mastery over the ASP.NET Core Blazor platform with our comprehensive course. You’ll start by understanding the core principles and architecture of Blazor, allowing you to create composable UIs...

Read More
By Request
Contact Us For Pricing
Duration 5 days
Course Code NET10-APPS
Available Formats Classroom

Overview

Gain mastery over the ASP.NET Core Blazor platform with our comprehensive course. You’ll start by understanding the core principles and architecture of Blazor, allowing you to create composable UIs effortlessly using Razor Components. Harness the power of Razor Syntax for seamless data binding and event handling in your applications.
Learn to configure page routing in Blazor, making navigation a breeze, and gain the skills needed to deploy your Blazor application confidently into production environments. Dive into consuming server data through REST APIs and SignalR (WebSockets), ensuring real-time communication in your apps.
Discover the art of integrating client-side JavaScript seamlessly with Blazor, opening up endless possibilities for functionality enhancement. And don’t forget the importance of testing; you’ll become proficient in unit testing both client-side Blazor code and server-side Web APIs code, ensuring the reliability and quality of your applications. Join us in this course and unlock the full potential of Blazor development.

Skills Gained

  • Understand the ASP.NET Core Blazor platform including new .NET 10 and C# 14 features
  • Build Composable UIs with Razor Components
  • Utilize Razor Syntax to Perform Data Binding and Event Handling
  • Employ the QuickGrid Component with new .NET 10 enhancements
  • Configure Page Routing with Blazor
  • Integrate Client-Side JavaScript with Blazor
  • Consume Server Data via Web APIs and SignalR (WebSockets)
  • Secure a Blazor Application with WebAuthn/FIDO2 Passkey Authentication
  • Unit test client-side Blazor code
  • Unit test server-side Web APIs code
  • Deploy a Blazor application to production

Prerequisites

Students need HTML, CSS, JavaScript, and C# programming experience. The course can be taught with EF Core or Dapper for database access.

Course Details

Training Materials

All students receive comprehensive courseware covering all topics in the course. Courseware is distributed via GitHub in the form of documentation and extensive code samples. Students practice the topics covered through challenging hands-on lab exercises.

Software Requirements

Students will need a free, personal GitHub account to access the courseware. Student will need permission to install Visual Studio 2026 on their computers. Also, students will need permission to install NuGet Packages. If students are unable to configure a local environment, a cloud-based environment can be provided

Getting Started with Blazor

  • What is Blazor?
  • Comparison to Other Web Frameworks
  • Render Modes
  • Server-Side & WebAssembly
  • What’s new for Blazor in .NET 10

C# 14 Features

  • Extension Members (Properties, Operators, Static Members)
  • The field Keyword for Auto-Properties
  • Null-Conditional Assignment (?.=)
  • nameof with Unbound Generic Types
  • Lambda Parameter Modifiers without Types
  • Partial Constructors and Events

Running Blazor Code

  • Single Page Applications
  • What is WebAssembly?
  • Browser Compatibility
  • WebAssembly vs. JavaScript
  • How does .NET Core / C# run in a web browser?

Blazor Application

  • Project Template
  • Create a New Application
  • Hosting Blazor with a ASP.NET Core MVC Server
  • Configuration
  • Dependency Injection
  • Environments
  • Logging
  • Handling Errors
  • Debugging WebAssembly in the Browser

Razor Components and Data Binding

  • What is a Component?
  • Creating a Data Model
  • Binding the Data Model to the HTML
  • Passing Arbitrary Attributes
  • Handling Events
  • Manually Trigger State Updates and Re-rendering

Rendering

  • Render Modes
  • Static Server Rendering
  • Interactive Server Rendering
  • Interactive WebAssembly Rendering
  • Interactive Auto Rendering
  • AOT vs. JIT Compilation
  • Output Caching
  • Streaming Rendering
  • Render Modes and Consuming Data
  • Render Modes and JavaScript

Composing Razor Components

  • Decompose a Component into Smaller Components
  • One-Way Data Binding
  • Two-Way Data Binding
  • Pass Data from a Parent Component to a Child Component using Parameters
  • Pass Data from a Child Component to a Parent Component using Event Callbacks
  • Use Refs to Access DOM Elements
  • Razor Component Libraries
  • Razor Component Design Patterns
  • Parameters are Immutable
  • Required Component Parameters
  • Lift State Up
  • Managing State in General
  • Persistent Component State
  • Persistent State Attribute
  • Section Components
  • QuickGrid Component

Razor Component Forms

  • What is the purpose of Form?
  • Collecting Data using a Form, Input, Select, and TextArea Elements
  • Explore Form Element Two-Data Binding
  • Build Forms with the Blazor Edit Form Razor Component
  • Explore the Concept of the Edit Context
  • Specialized Edit Form Controls
  • Applying Validation to the Form
  • Decorating the View Model with Validation Attributes
  • Code Custom Validation Attributes
  • Nested Form Validation with AddValidation()
  • Validatable Type Attribute
  • Antiforgery Tokens

Razor Component Pages

  • What is the Page model?
  • Differences between Razor Pages and Razor Components
  • Using a Razor Component as a Page
  • Explore the Router Component
  • Configuring Page Routing
  • Route to Components from Multiple Assemblies
  • Using Route Parameters
  • Using the Query String
  • Enhanced Navigation for Static Rendered Pages
  • NavigationManager.NotFound() Method
  • NavLink Query String and Fragment Handling

Authentication, Authorization, and Auditing

  • What is Authentication?
  • What is Authorization?
  • What is Auditing?
  • Authentication Models for Blazor
  • WebAuthn/FIDO2 Passkey Authentication
  • ASP.NET Core Identity Passkey Support
  • Component Attribute-based Authorization
  • Authorization Components
  • Authorization with C# Code
  • Roles and Claims
  • Blazor Identity UI

Interacting with JavaScript

  • What is the JavaScript Interop?
  • When is JavaScript needed?
  • Synchronous vs. Asynchronous Calls
  • JavaScript Initializers
  • How to call a JavaScript function from a Component
  • How to call C# code from JavaScript
  • Calling Static Methods
  • Calling Instance Methods
  • Organizing JavaScript Code within a Blazor App

Using Server Data

  • REST APIs with ASP.NET Core Web API
  • Web Sockets with SignalR

ASP.NET Core Web API

  • What is a Controller API?
  • Differences from Minimal API
  • REST Conventions
  • OpenAPI 3.1 Support
  • Injecting the Http Client
  • Exploring the Http Client
  • Calling a REST API from a Blazor Component using the HttpClient
  • Build a REST API with ASP.NET Core MVC
  • Using Dapper/EF Core to access SQL Server Data

SignalR

  • Connect a Blazor App to SignalR
  • Hubs
  • Two-Way Data Transfer
  • Connect to SignalR with C#
  • Connect to SignalR with JavaScript

Unit Testing Blazor Apps

  • What is Unit Testing?
  • Testing Frameworks
  • Integration with IDE

Principles of Unit Testing

  • Defining a Unit
  • Setup/Teardown
  • Testing in Isolation
  • Determining What to Test
  • Code Coverage
  • Test Frameworks
  • Stubs, Mocks and Spies

xUnit Framework

  • What is xUnit?
  • Testing Framework
  • Facts vs. Theory
  • Assertions
  • Integration with Visual Studio

Testing Razor Components

  • What Should be Tested on a Razor Component?
  • What is bUnit?
  • Using bUnit with xUnit
  • Setup and define components under tests in C# or Razor syntax
  • Verify outcome using semantic HTML comparer
  • Interact with and inspect components
  • Trigger event handlers
  • Provide cascading values
  • Inject services
  • Mock IJsRuntime
  • Perform snapshot testing

ASP.NET Core Web API

  • What Should be Tested on a Web API?
  • Testing Controllers
  • Testing APIs
  • Integration Testing of APIs
Read Less

Schedule

Upcoming Course Dates

There are currently no scheduled dates for this course. If you are interested in this course, contact us with the form below.

Contact Information
Ascendient Learning would like to occasionally share news about our services and career opportunities via e-mail when we believe it would be relevant to you. Would you like to opt-in to these communications? You may withdraw your consent at any time using the opt-out/preferences link in the emails sent.

FAQ

Does the course schedule include a Lunchbreak?

Classes typically include a 1-hour lunch break around midday. However, the exact break times and duration can vary depending on the specific class. Your instructor will provide detailed information at the start of the course.

What languages are used to deliver training?

Most courses are conducted in English, unless otherwise specified. Some courses will have the word "FRENCH" marked in red beside the scheduled date(s) indicating the language of instruction.

What does GTR stand for?

GTR stands for Guaranteed to Run; if you see a course with this status, it means this event is confirmed to run. View our GTR page to see our full list of Guaranteed to Run courses.

Does Ascendient Learning deliver group training?

Yes, we provide training for groups, individuals and private on sites. View our group training page for more information.

What does vendor-authorized training mean?

As a vendor-authorized training partner, we offer a curriculum that our partners have vetted. We use the same course materials and facilitate the same labs as our vendor-delivered training. These courses are considered the gold standard and, as such, are priced accordingly.

Is the training too basic, or will you go deep into technology?

It depends on your requirements, your role in your company, and your depth of knowledge. The good news about many of our learning paths, you can start from the fundamentals to highly specialized training.

How up-to-date are your courses and support materials?

We continuously work with our vendors to evaluate and refresh course material to reflect the latest training courses and best practices.

Are your instructors seasoned trainers who have deep knowledge of the training topic?

Ascendient Learning instructors have an average of 27 years of practical IT experience and have also served as consultants for an average of 15 years. To stay current, instructors spend at least 25 percent of their time learning new, emerging technologies and courses.

Do you provide hands-on training and exercises in an actual lab environment?

Lab access is dependent on the vendor and the type of training you sign up for. However, many of our top vendors will provide lab access to students to test and practice. The course description will specify lab access.

Will you customize the training for our company’s specific needs and goals?

We will work with you to identify training needs and areas of growth.  We offer a variety of training methods, such as private group training, on-site of your choice, and virtually. We provide courses and certifications that are aligned with your business goals.

How do I get started with certification?

Getting started on a certification pathway depends on your goals and the vendor you choose to get certified in. Many vendors offer entry-level IT certification to advanced IT certification that can boost your career. To get access to certification vouchers and discounts, please contact info@ascendientlearning.com.

Will I get access to content after I complete a course?

You will get access to the PDF of course books and guides, but access to the recording and slides will depend on the vendor and type of training you receive.

How do I request a W9 for Ascendient Learning?

View our filing status and how to request a W9.

Reviews

You get detailed labs to guide you through the technical material giving you a hands on method of learning otherwise difficult material.

The labs and course material gave me valuable insights into cloud security architecture

Class was easy to sign up for and ExitCertified provided very good communication

Easy to work with. Learning material pdfs were able to be printed out in color which was very nice to write on.

This course gave me a clearer understanding of the AWS cloud architecture.