Build an app with ASPNET Core and Angular from scratch

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction to the course

Lecture 2: Setting up the developer environment

Lecture 3: Getting help

Lecture 4: Course assets and source code

Chapter 2: Building a walking skeleton part 1 – API

Lecture 1: Introduction

Lecture 2: Creating the .Net API Project using the dotnet CLI

Lecture 3: Setting up VS code to work with C#

Lecture 4: Getting to know the API project files

Lecture 5: Creating our first Entity

Lecture 6: Introduction to Entity Framework

Lecture 7: Adding Entity Framework to our project

Lecture 8: Adding a DbContext class

Lecture 9: Creating the Connection string

Lecture 10: Creating the database using Entity Framework Code first migrations

Lecture 11: Adding a new API Controller

Lecture 12: Making our code Asynchronous

Lecture 13: Saving our code into Source control

Lecture 14: Section 2 Summary

Chapter 3: Building a walking skeleton part 2 – Angular

Lecture 1: Introduction

Lecture 2: Creating the Angular application

Lecture 3: Running the angular project and reviewing the bootstrap of the app

Lecture 4: Adding VS Code extensions to work with Angular

Lecture 5: Making HTTP requests in Angular

Lecture 6: Adding CORS support in the API

Lecture 7: Displaying the fetched users in the browser

Lecture 8: Adding bootstrap and font-awesome

Lecture 9: Adding HTTPS to Angular using mkcert

Lecture 10: Section 3 summary

Chapter 4: Authentication basics

Lecture 1: Introduction

Lecture 2: Safe storage of passwords

Lecture 3: Updating the user entity

Lecture 4: Creating a base API controller

Lecture 5: Creating an Account Controller with a register endpoint

Lecture 6: Using DTOs

Lecture 7: Using the debugger

Lecture 8: Adding a login endpoint

Lecture 9: JSON web tokens

Lecture 10: Adding a token service

Lecture 11: Adding the create token logic

Lecture 12: Creating a User DTO and returning the token

Lecture 13: Adding the authentication middleware

Lecture 14: Adding extension methods

Lecture 15: Section 4 summary

Chapter 5: Client login and register

Lecture 1: Introduction

Lecture 2: Creating a nav bar

Lecture 3: Introduction to Angular template forms

Lecture 4: Introduction to Angular services

Lecture 5: Injecting services into components

Lecture 6: Using conditionals to show and remove content

Lecture 7: Using the angular bootstrap components – dropdown

Lecture 8: Introduction to observables and signals

Lecture 9: Persisting the login

Lecture 10: Adding a home page

Lecture 11: Adding a register form

Lecture 12: Parent to child communication

Lecture 13: Child to parent communication

Lecture 14: Hooking up the register method to the service

Lecture 15: Section 5 summary

Chapter 6: Routing in Angular

Lecture 1: Introduction

Lecture 2: Creating some more components

Lecture 3: Adding the nav links

Lecture 4: Routing in code

Lecture 5: Adding a toast service for notifications

Lecture 6: Adding an Angular route guard

Lecture 7: Adding a dummy route

Lecture 8: Adding a new theme

Lecture 9: Section 6 summary

Chapter 7: Error handling

Lecture 1: Introduction

Lecture 2: Creating an error controller for testing errors

Lecture 3: Handling server errors

Lecture 4: Exception handling middleware

Lecture 5: Testing errors in the client

Lecture 6: Adding an error interceptor

Lecture 7: Validation errors

Lecture 8: Handling not found

Lecture 9: Adding a server error page

Lecture 10: Section 7 summary

Chapter 8: Extending the API

Lecture 1: Introduction

Lecture 2: Extending the user entity

Lecture 3: Adding a DateTime extension to calculate age

Lecture 4: Entity Framework relationships

Lecture 5: Generating seed data

Lecture 6: Seeding data part one

Lecture 7: Seeding data part two

Lecture 8: The repository pattern

Lecture 9: Creating a repository

Lecture 10: Updating the users controller

Lecture 11: Adding a DTO for Members

Lecture 12: Adding AutoMapper

Lecture 13: Using AutoMapper

Lecture 14: Configuring AutoMapper

Lecture 15: Using AutoMapper queryable extensions