Building Angular and ASP.NET Web API Apps

Course details

This course provides a practical guide to building modern full-stack web applications using ASP.NET Web API and Angular. Learn how to create and secure RESTful API endpoints, integrate them with an Angular frontend, and perform essential CRUD operations. Along the way, instructor Ervis Trupja covers best practices for designing scalable and maintainable applications, including authentication using JSON Web Tokens. By the end of the course, you should also understand how to deploy your applications to production environments, ensuring they are ready for real-world use. This course is perfect for developers who are just getting started or they want to improve their full-stack development skills using these powerful frameworks.

Learning objectives
Develop a full-stack web application using ASP.NET Web API for the backend and Angular for the frontend.
Design and implement secure and scalable RESTful API endpoints to handle CRUD operations.
Integrate Angular with a Web API to fetch, display, update, and manage data effectively.
Secure applications using token-based authentication with JSON Web Tokens (JWTs).
Deploy both the Angular frontend and ASP.NET Web API backend to production environments.

Concepts

0. Introduction

01 - Introduction
02 - Prerequisites

1. Course Overview

03 - Course overview and application demo
04 - Setting up the development environment

2. Set up the Development Environment

05 - Create an empty Web API Project
06 - Define application models
07 - Configure entity framework for database access
08 - Build the Create API endpoint
09 - Create the read-all API endpoint
10 - Create the read by ID API endpoint
11 - Create the update API endpoint
12 - Create the delete API endpoint
13 - Cleanup Code

3. Build the Angular Front End

14 - Create an new Angular project
15 - Define and creating empty components
16 - Configure routing and navigation
17 - Create the transaction Service with HTTP methods
18 - Design the application header and footer
19 - Design the list page
20 - Load data from admin API
21 - Creating a form
22 - Create a New transaction by submitting data with HTTP POST
23 - Update transaction data with HTTP PUT
24 - Delete a transaction with HTTP DELETE

4. Add Token-Based Authentication

25 - Understanding token-based authentication
26 - Configure token-based authentication in ASP.NET Web API
27 - Build the register API endpoint
28 - Create the login API endpoint
29 - Develop the authentication service in angular
30 - Register for a new account
31 - Add data validation to a registered form
32 - Log in to an account
33 - Secure routes with Angular Guards
34 - Update the header for logout functionality
35 - Implement the auth interceptor
36 - Set a user ID when a transaction is created and loaded

5. Application Deployment to Azure

37 - Explore Azure services for deployment
38 - Deploy the Angular application to Azure Static Website
39 - Deploy SQL database to Azure SQL database services
40 - Deploy ASP.NET Web API to Azure app services

6. Where to Go Next

41 - Next steps