Learn to build a fully data-driven REST web API using innovative technology, single-page application client-side UI using Blazor server and Blazor WebAssembly, and deploy to Microsoft Azure Cloud.
About This Video
In …
Learn to build a fully data-driven REST web API using innovative technology, single-page application client-side UI using Blazor server and Blazor WebAssembly, and deploy to Microsoft Azure Cloud.
About This Video
In Detail
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.
Audience
This course is for anyone who wants to learn REST API development with .NET Core and who wants to learn Blazor server development. This course will also benefit those individuals who want to learn Blazor WebAssembly development.
As a prerequisite, you should have at least three months of experience in programming in C#. You will need to have some knowledge of object-oriented programming, if not C#. Even if you do not have much exposure to the .NET development stack, this course is very beginner-friendly and chock-full of development tips.
Chapter 1 : Introduction to the Course
Course Overview
Chapter 2 : Environment Configuration and Account Setup
Install Visual Studio 2022 Community Edition
Install SQL Server Express Edition
Create a GitHub Account
Install and Explore Postman
Chapter 3 : 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
Chapter 4 : Set Up and Scaffold Database
Create Database in SQL Server
Scaffold Database
Review and Add Changes to GitHub
Chapter 5 : Set Up Author API Controller and Functionality
Section Overview
Set Up API Controller
Set Up AutoMapper and DTOs
Add Logging with Serilog and Seq
Review and Add Changes to GitHub
Chapter 6 : Set Up Book API Controller and Functionality
Section Overview
Set Up API Controller
Set Up AutoMapper and DTOs
Review and Add Changes to GitHub
Chapter 7 : Configure Identity and JWT Authentication
Section Overview
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
Chapter 8 : Create Blazor Server Client App
Section Overview
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
Chapter 9 : Author Management Blazor UI
Section Overview
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
Chapter 10 : Book Management Blazor UI
Section Overview
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
Chapter 11 : 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
Chapter 12 : UI and Architectural Considerations
Implement Repository Pattern
Virtualization
Code Behind Component Files
Chapter 13 : Deploy to Microsoft Azure
Section Overview
Set Up Microsoft Azure Account
Deploy API to Azure
Deploy Blazor Server App
Deploy Blazor WebAssembly App
Section Review