This course has been refreshed and completely updated for .Net 7.0 and Angular 14.
Have you learnt the basics of ASP.NET Core and Angular? Not sure where to go next? This course should be able to help with that. In this course we start from nothing and incrementally build up our API and Angular front end until we have a fully functional Web Application that we then publish to IIS and a Linux server.
These are 2 of the hottest frameworks right now for the ‘back-end’ (Microsoft’s ASP.NET Core) and the ‘front-end’ (Google’s Angular) and are well worth spending the time to learn.
In this course we build a complete application from start to finish and every line of code is demonstrated and explained.
This course is right up to date as at November 2022 using .Net 7.0 and Angular v14 and as these frameworks evolve, this course will evolve with it.
Read some of the great reviews of the course:
Jim says “The absolute best course for building an API in .Net core and working with Angular!”
Daniyal says: “This is a complete project based course from start to finish with real world experience using technologies that are currently in demand in the market. People interested in learning latest technologies should consider this course.“
Here are some of the things you will learn about in this course:
-
Setting up the developer environment
-
Creating the ASP.NET Core WebAPI and the Angular app using the DotNet CLI and the Angular CLI
-
Adding a Client side login and register function to our Angular application
-
Adding 3rd party components to add some pizzazz to the app
-
Adding routing to the Angular application and securing routes.
-
Using Automapper in ASP.NET Core
-
Building a great looking UI using Bootstrap
-
Adding Photo Upload functionality as well as a cool looking gallery in Angular
-
Angular Template forms and Reactive forms and validation
-
Paging, Sorting and Filtering
-
Adding a Private Messaging system to the app
-
Publishing the application to Heroku free of charge
-
Using SignalR for real time presence and live messaging between users
-
Many more things as well
Tools you need for this course
In this course all the lessons are demonstrated using Visual Studio Code, a free (and fantastic) cross platform code editor. You can of course use any code editor you like and any Operating system you like… as long as it’s Windows, Linux or Mac
Is this course for you?
This course is very practical, about 90%+ of the lessons will involve you coding along with me on this project. If you are the type of person who gets the most out of learning by doing, then this course is definitely for you.
On this course we will build an example Dating Application, completely from scratch using the DotNet CLI and the Angular CLI to help us get started. All you will need to get started is a computer with your favourite operating system, and a passion for learning how to build an application using ASP.NET Core and Angular.
Building a walking skeleton Part One - API
Building a walking skeleton Part Two - Angular
-
5Introduction
-
6Creating the .Net API Project using the dotnet CLI
-
7Setting up VS code to work with C#
-
8VS Code tips and troubleshooting
-
9Getting to know the API project files
-
10Creating our first Entity
-
11Introduction to Entity Framework
-
12Adding Entity Framework to our project
-
13Adding a DbContext class
-
14Creating the Connection string
-
15Creating the database using Entity Framework Code first migrations
-
16Adding a new API Controller
-
17Making our code Asynchronous
-
18Saving our code into Source control
-
19Section 2 Summary
Authentication basics
-
20Introduction
-
21Creating the Angular application
-
22Running the angular project and reviewing the bootstrap of the app
-
23Adding VS Code extensions to work with Angular
-
24Making HTTP requests in Angular
-
25Adding CORS support in the API
-
26Displaying the fetched users in the browser
-
27Adding bootstrap and font-awesome
-
28Adding HTTPS to Angular using mkcert
-
29LEGACY (will be removed Nov 23) Using HTTPS in angular - MAC
-
30LEGACY (will be removed Nov 23) Using HTTPS in angular - WINDOWS
-
31Saving into source control
-
32Section 3 summary
Client login and register
-
33Introduction
-
34Safe storage of passwords
-
35Updating the user entity
-
36Creating a base API controller
-
37Creating an Account Controller with a register endpoint
-
38Using the debugger
-
39Using DTOs
-
40Adding validation
-
41Adding a login endpoint
-
42JSON web tokens
-
43Adding a token service
-
44Adding the create token logic
-
45Creating a User DTO and returning the token
-
46Adding the authentication middleware
-
47Adding extension methods
-
48Section 4 summary
Routing in Angular
-
49Introduction
-
50Creating a nav bar
-
51Introduction to Angular template forms
-
52Introduction to Angular services
-
53Injecting services into components
-
54Using conditionals to show and remove content
-
55Using the angular bootstrap components - dropdown
-
56Introduction to observables
-
57Persisting the login
-
58Using the async pipe
-
59Adding a home page
-
60Adding a register form
-
61Parent to child communication
-
62Child to parent communication
-
63Hooking up the register method to the service
-
64Section 5 summary