Learn C# Full Stack Development with Angular and ASP.NET

Installing node.js

Installing the angular cli

Installing visual studio code and extensions

Setting the execution policy

Creating your first Angular project

Angular project deep-dive

Handout: Angular

Creating the book interface

Creating the book-list component

Binding data of components

Binding a book object

Creating an ngFor loop to show multiple books

Creating the angular book service

Building the book service

Handout: Angular services

Sending a get request with observable to the api

Handout angular observables

Using the book service in our component

Configuring CORS to allow api access

Quiz: Angular Basics

Project Introduction: Employee Management System

Source Code ASP API

Installing .NET 9.0

Updating visual studio

Enabling preview features in vs

Source Code: Employee Management API

Creating the asp employee management project

Employee model creation

Installing Entity Framework Core + In Memory Database

306 Creating and registering a database context

Handout: DB Context

Adding a DbSet<> for our employees to the db context

Handout: Entity Framework

Configuring CORS for Angular

Using the repository design pattern and creating the repository interface

Creating the employee repository class

Employee repository logic for adding

Employee repository logic for getting

Employee repository logic for updating and deleting

Handout: Repository design pattern

Registration of the repository for the dependency injection

Creating the employee API conroller with a create endpoint

Adding and configuring Swagger

Testing an API endpoint with Swagger

GetAll Endpoint

GetById Endpoint

Create Endpoint

Delete Endpoint

Update Endpoint

API review

Handout: ASP Crud API

Quiz: ASP.NET

Source Code Angular App

Angular project creation

Employee interface and employee table component

Environments for the api url

Creating the employee service

Loading employees from the api

Showing the employee data in a table

Defining routes in angular

Creating a simple navigation menu based on routes

Preparing the employee form

Creating the employee form and data binding

Finishing the employee form

Handout: Angular data-binding

Extending the service to send a http post request

Handling observable errors and showing error messages with conditional rendering

Deleting Employees

Edit Employee Route

Reading a param from the URL

Loading the employee to edit

Editing an existing employee

Quiz: Angular

Exploring Bootstrap

Installing Bootstrap

Styling a navbar

Styling the employee table

Styling the employee form

Quiz Bootstrap

Why we need validation

ASP.NET validation with data annotations

ASP.NET validation logic based on model state

Handout: Validation and data annotations

Angular template driven form validation

Validating the entire form

Toggling the form button based on the form state

Handling general error messages

Validation

Good job! You have completed the course :-)

What you will learn

Source Code

SPA explanation

Installing the correct .NET Version

Installing Node.js

Installing Angular

Exploring the template

New Template!

Typescript Part 1

Typescript Part 2

Typescript Part 3

Handout

Intro

Data binding

Summary

Handout

Intro

Exploring Routes in a Project

Creating and Routing a Custom Component

Handout

Presentation NPM packages

Install npm package fontawesome and reference it

Angular.json explanation

Showing some airline names

Building search flights html form

Presentation Interfaces

Creating interfaces

Styling Flight-Search Page

Handout

Short API Intro

JSON EXPLAINATION

Search Flight Endpoint

Flight data as records

Setting up Swagger and OpenAPI

Handout

Angular OpenAPI Gen Presentation

Installing and configuring ng-openapi-gen

Auto create client API

Implement client API to show flight data

Error handling

Changing swagger operation names

Handout

Lifecycle hooks

Adding book-flight component

Routing from search-flight to book-flight

Router Parameters Presentation

Sending flightId Parameter

Find Flight Endpoint RestFUL API

Testing the new Find Flight Endpoint in Swagger

Handout

Presentation Http Status Codes

Attribute for returning responses

More response attributes

Display Book Flight Template

Handling errors

Navigating the user using router service

Addition to arrow functions

Handout

HTTP Post Presentation

Create Register-Passenger component

Register Form Markup

Passenger Controller and DTO

Implementing the form reactive form binding

Posting the register form to the server

Receiving the register call

Find Passenger Action

Handout

Angular Service Presentation

Auth Service erstellen

Handling existing User

Refactoring the login method

Redirecting the user to registration

Handout

Book Flight Form

Book DTO and Controller Book Post Endpoint

Posting the Book Flight

Service Provider Scopes

My Bookings Component implementation

Styling Header and Footer

Handout

Adding Data Annotation for Validation to BookDto

Validation for NewPassengerDTO

User Feedback Loop

Adding Validator to Angular

Displaying different error messages

Dirty and Touched

Validation for passenger registration

Handout

Domain Explanation

Adding Entities

Replace RMs with Entities

Return FlightRm instead of Entity

Replace BookDto with Entity

Replace NewPassengerDto with Passenger Entity

Handout

Domain Rule Validation

Avoid overbooking a flight

Alert 409 Error in Angular

Remove FlightId from Booking Entity

Refactor flight booking controller code

Entities class

Creating Entities class and placing static lists inside

Create Entities object in controllers

Injecting the Entities Singleton

Seeding data in program cs

Handout

Using EF In-Memory Database

Using EF Core Error Handling

Model Building EF Core

D16 - 4 Final words about EF Core

Handout

Race Conditions Concurrency

Concurrency Token

Handle DbUpdateConcurrencyException

Handout

Layout My-Bookings

Collection transformation

Get Booking List Endpoint

Show MyBookings in Angular

My-Bookings redirect login

Cancel Booking Backend

Cancel Booking Frontend

Switch Passenger Link

Handout

Route Guards

Implement Route Guards

Reuse Route Guards

Auto-Redirect to requested url after login

Installing SQL Server package and using it

Explanation ConnectionString

Implement Connectionstring

Service Lifetime

Create user and connect to database

Only seed data once

Add Bookings to SQL Mapping

Use AppSettings to read ConnectionString

Handout

Intro

Search form binding

FlightSearchParameters

Query String Presentation

Using Query String

Filtering for destination

Applying other filters

Final Words

Handout

Introduction

What is TDD

Create project and write first test method

Refactoring and adding domain project

Adding Web API project

Test first approach

Assertion Message

Fluent Assertions

Test Conditions and Prerequisites

Setting up flight project

Translating a scenario to test

Red green refactor

Given when then pattern and avoid overbooking scenario discovery

Avoid overbooking scenario

Test trustworthiness and devils advocate

Practical devils advocate for remaining number of seats

Parameterized tests

Discovering new scenarios by checking if the production code is complete

Refactor remember bookings

Laws of TDD

Scenario cancel bookings using TDD laws

Handle cancel booking no booking found

How you discover new scenarios

Application layer testing

Finishing the course