Learn to build an e-commerce app with .Net Core and Angular
4.8 (702 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,000 students enrolled

Learn to build an e-commerce app with .Net Core and Angular

Build a proof of concept e-commerce store using Angular, .Net Core and Stripe for payment processing
Highest Rated
4.8 (702 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,000 students enrolled
Created by Neil Cummings
Last updated 5/2020
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 34 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • .Net Core
  • Angular
  • C# Generics
  • Repository and Unit of Work Pattern
  • Specification Pattern
  • Caching
  • Angular Lazy loading
  • Angular Routing
  • Angular Reactive Forms
  • Angular Creating a MultiStep form wizard
  • Accepting payments using Stripe
  • Angular Re-usable form components
  • Angular validation and async validation
Course content
Expand all 300 lectures 34:12:49
+ API Basics
16 lectures 01:50:17
Where to get the source code and course assets
01:38
Introduction
04:44
Running the API using the DotNet CLI
09:21
Reviewing the Web API startup files
09:37
Adding our first API Controller
06:17
Adding a C# Entity class
03:01
Setting up Entity Framework
10:57
Adding a connection string
06:36
Adding an Entity Framework migration
07:54
Updating the database
04:16
Reading the data from the Database in the API
10:08
Postman Collections
03:51
Creating the additional projects
12:13
Saving our project into source control using Git and GitHub
09:58
Summary of section 2
04:21
+ API Architecture
12 lectures 01:22:17
Introduction
03:15
The Repository Pattern
06:26
Adding a Repository and Interface
08:07
Adding the repository methods
05:29
Extending the products entity and creating related entities
05:19
Creating a new migration for the entities
05:10
Configuring the migrations
11:36
Applying the migrations and creating the Database at app startup
07:28
Adding Seed data
12:30
Adding the code to get the product brands and types
08:38
Eager loading of navigation properties
05:49
Summary of section 3
02:30
+ API Generic Repository
16 lectures 01:56:01
Introduction
08:05
Creating a Generic repository and interface
06:00
Implementing the methods in the Generic repository
09:10
Introduction to the specification pattern
06:03
Creating a specification class
11:32
Creating a specification evaluator
06:54
Implementing the repository with specification methods
06:31
Using the specification methods in the controller
08:06
Using the specification methods in the controller
08:43
Using the Debugger to view the spec pattern in action
08:31
Shaping the data to return with DTOs
08:06
Adding AutoMapper to the API project
06:28
Configuring AutoMapper profiles
05:58
Adding a Custom Value Resolver for AutoMapper
08:18
Serving static content from the API
05:39
Summary of section 4
01:57
+ API Error Handling
10 lectures 01:12:10
Introduction
04:02
Creating a test controller for errors
10:27
Creating a consistent error response from the API
06:19
Adding a not found endpoint error handler
04:36
Creating Exception handler middleware
12:30
Improving the validation error responses
08:56
Adding Swagger for documenting our API
09:45
Improving the swagger documentation
05:43
Cleaning up the Startup class
08:52
Summary of section 5
01:00
+ API Paging, Filtering, Sorting & Searching
11 lectures 01:03:38
Introduction
05:12
Adding a sorting specification class
05:15
Adding a sorting specification part 2
05:17
Working around the decimal problem in Sqlite
06:13
Adding filtering functionality
05:33
Adding Pagination Part 1
04:20
Adding Pagination Part 2
10:40
Adding Pagination Part 3
09:52
Adding CORS Support to the API
05:04
Summary of section 6
01:02
+ Client - Angular setup
7 lectures 41:32
Introduction
04:34
Setting up the developer environment for Angular
06:19
Creating the Angular project
03:54
Reviewing the Angular project files in the template
07:19
Setting up Angular to use HTTPS
05:31
Adding bootstrap and font-awesome
11:02
Adding VS Code extensions for Angular
02:53
+ Client - Angular Basics
10 lectures 01:16:06
Introduction
02:11
Adding a Nav Bar component
07:17
Adding the NavBar HTML code
06:25
Styling the nav bar
08:06
Intro to the Http Client Module
13:15
Observables
06:49
Intro to Typescript
07:58
Typescript Demo
11:47
Creating a products interface
07:24
Summary of section 8
04:54
+ Client - Building the UI for our shop
20 lectures 02:24:04
Introduction
05:09
Organising our files and folders
09:56
Intro to Angular services
04:13
Consuming services in the component
06:35
Designing the shop page
11:17
Adding a child component for the product items
04:31
Passing down data to child components
08:42
Adding the product filters
08:21
Adding the filter functionality
11:03
Hooking up the filter to the HTML
05:24
Adding the sort functionality
05:20
Adding the pagination functionality
06:18
Adding the pagination functionality part 2
07:38
Adding the pagination functionality part 3
05:10
Adding a pagination header
10:57
Making the pagination component a shared component
06:40
Pagination and Output properties
09:37
Adding the search functionality
09:01
Resolving the Bug!
06:48
Summary of section 9
01:24
+ Client - Routing
9 lectures 44:36
Introduction
02:36
Creating additional components to route to
02:42
Creating the routes
05:11
Setting up the nav links
04:58
Making the links active
06:13
Getting an individual product
06:53
Adding the product detail page
06:34
Lazy loading angular modules
08:42
Summary of section 10
00:47
Requirements
  • 3-6 Months prior coding experience
Description

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 build a proof of concept E-Commerce store using these frameworks.

In this course we build a complete application from start to finish and every line of code is demonstrated and explained.

Here are some of the things you will learn about in this course:

  • Setting up the developer environment

  • Creating a multi project .net core application using the dotnet CLI

  • Creating a client side front-end Angular UI for the store using the Angular CLI

  • Learn how to use the Repository, Unit of Work and specification pattern in .net core

  • Using multiple DbContext as context boundaries

  • Using ASP.NET Identity for login and registration

  • Using the angular modules to create lazy loaded routes.

  • Using Automapper in ASP.NET Core

  • Building a great looking UI using Bootstrap

  • Making reusable form components using Angular Reactive forms

  • Paging, Sorting, Searching and Filtering

  • Using Redis to store the shopping basket

  • Creating orders from the shopping basket

  • Accepting payments via Stripe using the new EU standards for 3D secure

  • Publishing the application to Linux

  • 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 cross platform code editor.   You can of course use any IDE 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.   

Important: If you have never coded before and you want to learn .Net and Angular you would be better starting with my other .Net Core and Angular course before this one.

On this course we will build an example E-commerce store, 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.  

Who this course is for:
  • Beginner and intermediate developers who want to enhance their knowledge of .Net and Angular who have some coding experience
  • Beginner and intermediate developers who wish to learn how to build an e-commerce style of site