Development

ASP.NET Core API and Blazor Development

Intermediate
13h

By: Trevoir Williams

ASP.NET Core API and Blazor Development

Overview

ASP.NET Core is Microsoft’s modern, cross-platform framework for building enterprise-ready web applications. It is a suite of frameworks allowing us to develop RESTful APIs and now, thanks to Blazor, build robust client apps to interact with our API. This course starts with setting up the environment configuration, then you will connect to an existing database using Entity Framework Core, look at progressive web applications with Blazor, set up logging using Serilog, and API documentation using SwaggerUI. You will understand user authentication using JWT, store JSON web tokens using local browser storage, and handle the Blazor application user authentication state. Then you will consume REST web API in a Blazor application, see how to use models, DTOs and AutoMapper, manage packages with NuGet Manager, set up GitHub for source control, and finally, deploy applications and databases to Microsoft Azure. By the end of the course, you will have built a single-page application using Blazor that will serve as a stand-alone client app, consuming and interacting with an API. Once you have finished the course, you will have moved around in Visual Studio and examined logic and syntax errors so much that it will be second nature for you when working in the .NET environment.

Modules

1. Chapter 1: Introduction to the Course

1.1 Course Overview3 min

2. Chapter 2: Environment Configuration and Account Setup

2.1 Install Visual Studio 2022 Community Edition2 min
2.2 Install SQL Server Express Edition5 min
2.3 Create a GitHub Account1 min
2.4 Install and Explore Postman5 min

3. Chapter 3: Project Setup and Configuration

3.1 Create .NET 6 Web API Project4 min
3.2 Tour of Project Structure and Files6 min
3.3 Configure Logging Using Serilog20 min
3.4 CORS Configuration4 min
3.5 Review and Add Changes to GitHub3 min

4. Chapter 4: Set Up and Scaffold Database

4.1 Create Database in SQL Server10 min
4.2 Scaffold Database16 min
4.3 Review and Add Changes to GitHub1 min

5. Chapter 5: Set Up Author API Controller and Functionality

5.1 Section Overview1 min
5.2 Set Up API Controller26 min
5.3 Set Up AutoMapper and DTOs27 min
5.4 Add Logging with Serilog and Seq10 min
5.5 Review and Add Changes to GitHub1 min

6. Chapter 6: Set Up Book API Controller and Functionality

6.1 Section Overview 1 min
6.2 Set Up API Controller4 min
6.3 Set Up AutoMapper and DTOs23 min
6.4 Review and Add Changes to GitHub1 min

7. Chapter 7: Configure Identity and JWT Authentication

7.1 Section Overview 1 min
7.2 Add Identity Core Libraries and Tables to API 10 min
7.3 Add Custom Fields to User Table4 min
7.4 Seed Test Users and Roles12 min
7.5 Set Up Authentication Controller27 min
7.6 Set Up JSON Web Tokens (JWT) Authentication - Part 114 min
7.7 Set Up JSON Web Tokens (JWT) Authentication - Part 224 min
7.8 Set Up Controller and Action Authorizations12 min
7.9 Review and Add Changes to GitHub2 min

8. Chapter 8: Create Blazor Server Client App

8.1 Section Overview5 min
8.2 Create and Understand Blazor Project Structure14 min
8.3 Set Up HTTP Client Using NSwag Studio16 min
8.4 Set Up User Registration33 min
8.5 Set Up User Login - Part 134 min
8.6 Set Up User Login - Part 223 min
8.7 Review and Add Changes to GitHub5 min

9. Chapter 9: Author Management Blazor UI

9.1 Set Up Authors Index1 min
9.2 Extend HTTP Client17 min
9.3 Set Up Create Author Component22 min
9.4 Set Up Update Author Component21 min
9.5 Set Up View Author Component23 min
9.6 Delete Author with JavaScript Interop22 min
9.7 Add Authorization Restrictions10 min
9.8 Review and Add Changes to GitHub7 min
9.9 Section Wrap Up2 min

10. Chapter 10: Book Management Blazor UI

10.1 Section Overview1 min
10.2 Set Up Book Management Service Methods4 min
10.3 Set Up Books Index Component (With Delete Functionality)8 min
10.4 Set Up Create Book Component w/ File Upload - Part 119 min
10.5 Set Up Create Book Component w/ File Upload - Part 220 min
10.6 Set Up View Book Component8 min
10.7 Set Up Update Book Component23 min
10.8 Review and Add Changes to GitHub2 min

11. Chapter 11: Create Blazor WebAssembly Client App

11.1 Blazor WebAssembly Introduction1 min
11.2 Tour Blazor WebAssembly Project9 min
11.3 Transferring Blazor Server Code to Blazor WebAssembly14 min
11.4 Progressive Web Application6 min
11.5 Review and Add Changes to GitHub1 min

12. Chapter 12: UI and Architectural Considerations

12.1 Implement Repository Pattern29 min
12.2 Virtualization36 min
12.3 Code Behind Component Files12 min

13. Chapter 13: Deploy to Microsoft Azure

13.1 Section Overview1 min
13.2 Set Up Microsoft Azure Account6 min
13.3 Deploy API to Azure19 min
13.4 Deploy Blazor Server App9 min
13.5 Deploy Blazor WebAssembly App5 min
13.6 Section Wrap Up2 min

Ready to Elevate Your Team's Learning?

Talk with our sales team to see how StormWind can transform the way your organization trains and grows.

CONTACT SALES