Building Applications With Angular 18 And Asp.Net Core 9

Use Angular, ASP.NET Core, Entity Framework Core, Material Design, JWT, Leaflet, to build a full application!

What you'll learn

Build Web APIs with .NET Core

Develop Single-Page Apps with Angular

Using Entity Framework Core to work with databases

Create register and login functionality

Deploy .NET Core and Angular apps

Requirements

Basic knowledge of HTML, CSS and C#

Description

With ASP.NET Core we can develop Web APIs using C#.With Angular we can create modern web applications without too many headaches.In this course we will use both tools to create a project. We will make an application with a database, user system, back-end and UI, where you will put into practice the concepts learned in the course.We will go step by step, both in the development of the front-end with Angular, and with the back-end in ASP.NET Core. You can take this course without having too much knowledge of both technologies. In fact, I will teach you the basics of these technologies throughout the course.At the end we will publish our Angular application and our ASP.NET Core application.Some of the topics we will cover:Developing Web APIs with ASP.NET CoreCreating a Database in SQL Server using Entity Framework CoreUser system with Json Web Tokens (JWT)Developing a single page application (SPA) with AngularCreating reactive forms in AngularMaking HTTP requests from Angular to ASP.NET CoreUsing Angular Material componentsUsing maps with LeafletSaving spatial data in a database with NetTopologySuiteAllowing users to upload images to be saved in Azure Storage or locallyUpon completing this course, you will have sufficient knowledge to face challenges involving ASP.NET Core and Angular applications.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 What is Angular?

Lecture 3 Angular vs AngularJS

Lecture 4 Bye bye NgModules

Lecture 5 Standalone Applications

Lecture 6 Anatomy of a Standalone Application

Lecture 7 Introduction to ASP.NET Core

Lecture 8 What is TypeScript?

Lecture 9 Installing Node and NVM

Lecture 10 Installing Angular

Lecture 11 Installing Visual Studio

Lecture 12 Installing Visual Studio Code and .NET

Lecture 13 Installing SQL Server

Lecture 14 Creating the Angular App

Lecture 15 Creating the Web API in Visual Studio

Lecture 16 Creating the Web API in Visual Studio Code

Lecture 17 Summary

Lecture 18 Github Repository

Section 2: Components

Lecture 19 Introduction

Lecture 20 Exploring the Angular Project

Lecture 21 Anatomy of a Component

Lecture 22 Interpolation

Lecture 23 Pipes

Lecture 24 Iterating with For and NgFor

Lecture 25 Property Binding and NgOptimizedImage

Lecture 26 Dynamic Properties and NgOptimizedDirective

Lecture 27 If and NgIf

Lecture 28 Using Our Own Images

Lecture 29 Creating a New Component

Lecture 30 Parameters of Components

Lecture 31 Events

Lecture 32 Template Reference Variables

Lecture 33 Projecting Content

Lecture 34 Introduction to Angular Material

Lecture 35 Installing Angular Material

Lecture 36 Building a Menu Component

Lecture 37 Dynamic CSS Classes with NgClass

Lecture 38 Transform Functions

Lecture 39 Raising Events From a Component

Lecture 40 Global Styling

Lecture 41 Summary

Section 3: Routing

Lecture 42 Introduction

Lecture 43 Cleaning Up Our Project

Lecture 44 Configuring Routing in Our App

Lecture 45 Navigating with JavaScript

Lecture 46 URL Parameters

Lecture 47 Handling Unknown Routes

Lecture 48 Summary

Section 4: Forms

Lecture 49 Introduction

Lecture 50 Template-Driven and Reactive Forms

Lecture 51 Creating Our First Form

Lecture 52 Built-In Validation Rules

Lecture 53 Custom Validations

Lecture 54 Updating Records

Lecture 55 Actor's Form

Lecture 56 Validating Dates

Lecture 57 Selecting Images

Lecture 58 Theater's Form

Lecture 59 Creating a Map Component Using Leaflet

Lecture 60 Movie Search Component - Template

Lecture 61 Search Movies Component - Logic

Lecture 62 Movie Search Component - Query Strings

Lecture 63 Movie's Form

Lecture 64 Creating a Multiple Selector Component - Genres

Lecture 65 Multiple Selector Component - Theaters

Lecture 66 Creating an Autocomplete Component

Lecture 67 Reordering Elements in a List

Lecture 68 Visualizing the Selected Actors

Lecture 69 Summary

Section 5: Fundamentals of ASP.NET Core

Lecture 70 Introduction

Lecture 71 Preparing a Testing Repository

Lecture 72 Controllers and Actions

Lecture 73 Post, Put and Delete HTTP Methods

Lecture 74 Receiving a Parameter in an Action

Lecture 75 Routing Rules

Lecture 76 Data Types That an Action Can Return

Lecture 77 Asynchronous Programming

Lecture 78 Making Our App Faster with Cache

Lecture 79 Middlewares

Lecture 80 Introduction to Model Binding

Lecture 81 Validating Models

Lecture 82 Other Built-In Validations Rules

Lecture 83 Custom Validation Rules - By Attribute

Lecture 84 Custom Validation Rules - In Actions

Lecture 85 Dependency Injection

Lecture 86 The Dependency Inversion Principle

Lecture 87 Lifetime of the Services

Lecture 88 Using a Singleton for Our Repository

Lecture 89 Cleaning Up Cache

Lecture 90 Configuration Providers

Lecture 91 Summary

Section 6: Services and Back-End

Lecture 92 Introduction

Lecture 93 Cleaning Up the Back-End

Lecture 94 Introduction to Services

Lecture 95 From Angular to ASP.NET Core: HttpService

Lecture 96 Configuring CORS

Lecture 97 Using Environment to Avoid Hard-coded URLs

Lecture 98 Installing Entity Framework Core

Lecture 99 Creating the Database

Lecture 100 Creating Genres - Back-End

Lecture 101 Creating Genres - Angular

Lecture 102 Displaying Errors From the Web API

Lecture 103 Data Transfer Objects (DTOs)

Lecture 104 Index Genres - Back-End

Lecture 105 Index Genres - Angular

Lecture 106 Pagination - Back-End

Lecture 107 Ordering with OrderBy

Lecture 108 Pagination - Angular

Lecture 109 Updating Genres - Back-End

Lecture 110 Updating Genres - Angular

Lecture 111 Deleting Genres - Back-End

Lecture 112 Deleting Genres - Angular

Lecture 113 Creating Actors - Back-End

Lecture 114 Creating Actors - Angular

Lecture 115 Preparing the App to Store Images

Lecture 116 Using Azure Storage for Storing Images

Lecture 117 Storing Images Locally

Lecture 118 Index Actors - Back-End

Lecture 119 Index Actors - Angular

Lecture 120 Updating Actors - Back-End

Lecture 121 Updating Actors - Angular

Lecture 122 Deleting Actors - Back-End

Lecture 123 Deleting Actors - Angular

Lecture 124 Index Entity Components

Lecture 125 Generic Services

Lecture 126 Creating Entities Component

Lecture 127 Editing Entities Component

Lecture 128 Custom Base Controller - Getting Paginated Entities

Lecture 129 Custom Base Controller - Getting an Entity By its Id

Lecture 130 Custom Base Controller - Creating, Updating and Deleting

Lecture 131 Theaters Entity

Lecture 132 Theaters CRUD - Back-End

Lecture 133 Theaters CRUD - Angular

Lecture 134 Movies Entity

Lecture 135 Creating Movies - Back-End

Lecture 136 Custom Model Binding

Lecture 137 Creating Movies - Angular

Lecture 138 Finishing the Actors Selection Component

Lecture 139 Getting Movies - Back-End

Lecture 140 Landing Page - Angular

Lecture 141 Updating Movies - Back-End

Lecture 142 Updating Movies - Angular

Lecture 143 Deleting Movies

Lecture 144 Movie Details Page - Part 1

Lecture 145 Movie Details Page - Part 2

Lecture 146 Finishing the Searching Movies Component - Back-End

Lecture 147 Finishing the Searching Movies Component - Angular

Lecture 148 Waiting a Moment Before Sending the HTTP Request

Lecture 149 Summary

Section 7: Security

Lecture 150 Introduction

Lecture 151 Authentication and Authorization

Lecture 152 Hiding the UI

Lecture 153 Introduction to Route Guards

Lecture 154 Using CanActive to Protect Routes

Lecture 155 Configuring Identity

Lecture 156 Implementing Login and Registration in ASP.NET Core

Lecture 157 Security Service

Lecture 158 Building the Login and Registration Components

Lecture 159 Rating's Component - Back-End

Lecture 160 Rating's Component - Angular

Lecture 161 HTTP Interceptors

Lecture 162 Using Claims in ASP.NET Core

Lecture 163 Index Users - Back-End

Lecture 164 Index Users - Angular

Lecture 165 Summary

Section 8: Deployments

Lecture 166 Introduction

Lecture 167 Azure App Service

Lecture 168 Fixing the Startup Error

Lecture 169 Installing Application Insights to Debug Errors in Production

Lecture 170 Deploying the Angular App to Firebase

Lecture 171 Summary

Section 9: Thanks!

Lecture 172 Thanks!

Developers who want to be full-stack,.NET Developers who want to learn Angular (and vice versa)