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.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
Set up and configuring the development environment for ASP.NET Core and Blazor development
01. Environment Configuration and Account Setup
- Install Visual Studio 2022 Community Edition
- Install SQL Server Express Edition
- Create a GitHub Account
- Install and Explore Postman
02. Project Setup and Configuration
- Create .NET 6 Web API Project
- Tour of Project Structure and Files
- Configure Logging Using Serilog
- CORS Configuration
- Review and Add Changes to GitHub
03. Setup and Scaffold Database
- Create Database in SQL Server
- Scaffold Database
- Review and Add Changes to GitHub
04. Setup Author API Controller and Functionality
- Set Up API Controller
- Set Up AutoMapper and DTOs
- Add Logging with Serilog and Seq
- Review and Add Changes to GitHub
05. Setup Book API Controller and Functionality
- Set Up API Controller
- Set Up AutoMapper and DTOs
- Review and Add Changes to GitHub
06. Configure Identity and JWT Authentication
- Add Identity Core Libraries and Tables to API
- Add Custom Fields to User Table
- Seed Test Users and Roles
- Set Up Authentication Controller
- Set Up JSON Web Tokens (JWT) Authentication – Part 1
- Set Up JSON Web Tokens (JWT) Authentication – Part 2
- Set Up Controller and Action Authorizations
- Review and Add Changes to GitHub
07. Create Blazor Server Client App
- Create and Understand Blazor Project Structure
- Set Up HTTP Client Using NSwag Studio
- Set Up User Registration
- Set Up User Login – Part 1
- Set Up User Login – Part 2
- Review and Add Changes to GitHub
08. Author Management Blazor UI
- Set Up Authors Index
- Extend HTTP Client
- Set Up Create Author Component
- Set Up Update Author Component
- Set Up View Author Component
- Delete Author with JavaScript Interop
- Add Authorization Restrictions
- Review and Add Changes to GitHub
09. Book Management Blazor UI
- Set Up Book Management Service Methods
- Set Up Books Index Component (With Delete Functionality)
- Set Up Create Book Component w/ File Upload – Part 1
- Set Up Create Book Component w/ File Upload – Part 2
- Set Up View Book Component
- Set Up Update Book Component
- Review and Add Changes to GitHub
10. Create Blazor WebAssembly Client App
- Blazor WebAssembly Introduction
- Tour Blazor WebAssembly Project
- Transferring Blazor Server Code to Blazor WebAssembly
- Progressive Web Application
- Review and Add Changes to GitHub
11. UI and Architectural Considerations
- Implement Repository Pattern
- Virtualization
- Code Behind Component Files
12. Deploy to Microsoft Azure
- Section Overview
- Set Up Microsoft Azure Account
- Deploy API to Azure
- Deploy Blazor Server App
- Deploy Blazor WebAssembly App
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
Set up and configuring the development environment for ASP.NET Core and Blazor development
COURSE OUTLINE
01. Environment Configuration and Account Setup
- Install Visual Studio 2022 Community Edition
- Install SQL Server Express Edition
- Create a GitHub Account
- Install and Explore Postman
02. Project Setup and Configuration
- Create .NET 6 Web API Project
- Tour of Project Structure and Files
- Configure Logging Using Serilog
- CORS Configuration
- Review and Add Changes to GitHub
03. Setup and Scaffold Database
- Create Database in SQL Server
- Scaffold Database
- Review and Add Changes to GitHub
04. Setup Author API Controller and Functionality
- Set Up API Controller
- Set Up AutoMapper and DTOs
- Add Logging with Serilog and Seq
- Review and Add Changes to GitHub
05. Setup Book API Controller and Functionality
- Set Up API Controller
- Set Up AutoMapper and DTOs
- Review and Add Changes to GitHub
06. Configure Identity and JWT Authentication
- Add Identity Core Libraries and Tables to API
- Add Custom Fields to User Table
- Seed Test Users and Roles
- Set Up Authentication Controller
- Set Up JSON Web Tokens (JWT) Authentication – Part 1
- Set Up JSON Web Tokens (JWT) Authentication – Part 2
- Set Up Controller and Action Authorizations
- Review and Add Changes to GitHub
07. Create Blazor Server Client App
- Create and Understand Blazor Project Structure
- Set Up HTTP Client Using NSwag Studio
- Set Up User Registration
- Set Up User Login – Part 1
- Set Up User Login – Part 2
- Review and Add Changes to GitHub
08. Author Management Blazor UI
- Set Up Authors Index
- Extend HTTP Client
- Set Up Create Author Component
- Set Up Update Author Component
- Set Up View Author Component
- Delete Author with JavaScript Interop
- Add Authorization Restrictions
- Review and Add Changes to GitHub
09. Book Management Blazor UI
- Set Up Book Management Service Methods
- Set Up Books Index Component (With Delete Functionality)
- Set Up Create Book Component w/ File Upload – Part 1
- Set Up Create Book Component w/ File Upload – Part 2
- Set Up View Book Component
- Set Up Update Book Component
- Review and Add Changes to GitHub
10. Create Blazor WebAssembly Client App
- Blazor WebAssembly Introduction
- Tour Blazor WebAssembly Project
- Transferring Blazor Server Code to Blazor WebAssembly
- Progressive Web Application
- Review and Add Changes to GitHub
11. UI and Architectural Considerations
- Implement Repository Pattern
- Virtualization
- Code Behind Component Files
12. Deploy to Microsoft Azure
- Section Overview
- Set Up Microsoft Azure Account
- Deploy API to Azure
- Deploy Blazor Server App
- Deploy Blazor WebAssembly App
