ASP NET CORE - ANGULAR 2 E-Commerce App
3.5 (142 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
983 students enrolled
Wishlisted Wishlist

Please confirm that you want to add ASP NET CORE - ANGULAR 2 E-Commerce App to your Wishlist.

Add to Wishlist

ASP NET CORE - ANGULAR 2 E-Commerce App

Create a e-commerce project with Asp Net Core,Angular 2,bootstrap 4,Paypal,Identity Core,Entity Framework Core,C#,
3.5 (142 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
983 students enrolled
Created by Happy Code
Last updated 8/2017
English
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 13.5 hours on-demand video
  • 23 Articles
  • 5 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn how to develop an E-Commerce Web App With Asp.Net Core Mvc 6 Framework
  • Angular 2 using in Asp net Core Mvc 6 projects
  • Learn to Repository Design Pattern
  • Learn to Singleton Design Pattern
  • Learn how to add Client-Side Packages like Bower, Grunt, Gulp and NPM
  • Develop Client-Side Apps With, JQuery, Knockout js
  • Learn to use Entity Framework Core
  • Develop Client-Side Apps With Bootstrap 4
  • Learn Dependency Injection in Asp net Core Mvc 6
  • Learn how to use Bootbox.js in your project
  • Learn how to use Notify.js in your project
  • Learn how to use Ajax in your project
  • Learn how to use Json in your project
View Curriculum
Requirements
  • Basics of C# language
  • Basics of Html, CSS and Javascript
  • Basics of .Net Framework
  • Basics of Angular 2
Description

Psst : If you want to buy this course for $10 / €10 discounted price coupon use this code : HAPPYCORETEN.

Added Last Updates

13.08.2017 - Section 13 (Paypal Implementing) - added 2 new lectures.

05.08.2017 - Section 14 (Entity Framework Core 1.1 (Last Version)) - added 8 new lectures.

13.06.2017 - Section 13 (Paypal Implementing) - added 3 new lectures.

03.06.2017 - Section 13 (Paypal Implementing) - added 6 new lectures.

29.05.2017 - Section 13 (Paypal Implementing) - added 4 new lectures.

22.05.2017 - Section 6 (Admin Area Coding) - added 5 new lectures.

18.05.2017 - Section 10 (Frontend Pages Coding) - added 1 new lecture.

12.05.2017 - Section 11 (Card Operations) - added 11 new lectures.

07.05.2017 - Section 10 (Frontend Pages Coding) - added 2 new lectures.

30.04.2017 - Section 10 (Frontend Pages Coding) - added 4 new lectures.

24.04.2017 - Section 8 (Angular 2 - Second Way) - added 5 new lectures.

19.04.2017 - Section 8 (Angular 2 - Second Way) - added 4 new lectures.

05.04.2017 - Section 8 (Angular 2 - Second Way) - added 5 new lectures.

04.04.2017 - Section 8 (Angular 2 - Second Way) - added 4 new lectures.

03.04.2017 - Section 8 (Angular 2 - Second Way) - added 3 new lectures.

30.03.2017 - Section 8 (Angular 2 - Second Way) - added 6 new lectures.

28.03.2017 - Section 8 (Angular 2 - Second Way) - added 5 new lectures.

22.03.2017 - Added 6 new lectures

17.03.2017 - Added 2 new lectures.

15.03.2017 - (Angular 2 - Second Way) - added 4 new lectures.

04.03.2017 - new Section 8 (Angular 2 - Second Way) - added 5 new lectures.

28.02.2017 - Section 7 (Angular 2 - First Way) - added 5 new lectures and a project file.

22.02.2017 - Section 6 (Admin Area Coding) - added 9 new lectures.

16.02.2017 - Course Design Codes are added and  added 6 new lectures.

05.02.2017 - Section 6 (Admin Area Coding) - added 12 new lectures.

28.01.2017 - Section 9 (Card Operations) Added with 2 lectures, and 3 lectures added to Section 6 (Admin Area Coding)

25.01.2017 - Source Codes Added

23.01.2017 - Section 8 (Frontend Pages Design) Added to Curriculum.

Please Read, Before you buy : This course is in growing process, we are adding new contents every week and you can track the progress on this page week by week. So be aware that all the contents you are looking for may or may not be added yet, just check the sections and lectures before you buy. All the sections will be complete in a couple of weeks. Also after all the curriculum is done, we are planning to continue to add new lectures according to our students needs and wishes. This course will always be in growing process as long as Microsoft continues to develop ASPNET Core.

Thank you for reading.

COURSE DESCRIPTION

In this course we will be building an E-Commerce website from zero with ASP.NET Core MVC6. We will learn Repository Design Pattern, Singleton Design Pattern, ASP.NET Core Web Api 2, later that we will work with client-side packages like Bower, Grunt, Gulp and NPM. After that we will improve our application on client side with JQuery, Knockout.Js and Angular.Js 2. At last we will establish a database connection with Entity Framework Core and will learn add, remove, edit, delete, sort, filter processes with Entity Framework Core. We will also be using a design which was built with Bootstrap 4. And we will see how we can work with SASS and LESS on MVC 6. Also we will learn how to use Dependency Injection on ASP.NET Core MVC 6. We will be adding some some ready to use Javascript libraries like Bootbox.Js and Notify.Js. On Server side coding, we will use AJAX and JSON.

At the end of this lecture we will have all the knowledge to develop wonderful web applications. On this course we will learn how to develop an ecommerce project but you will learn all the necessary skills and information to build your own projects.

If you wish you can build a blog, an e-commerce app or a content management system - CMS. Or you can build corporate projects. This is up to you entirely. You will learn all you need on this course.

After this course, you will be learnt how to build modular applications with ASPNET Core MVC6, and we will be giving you a real life project as an e-commerce web site with source codes. We will be updating and expanding this course, according to your comments and wishes. And we will always be in touch with our students.

As requirements; you should be very familiar with C# language and have known to use CSS, HTML, JS frontend technologies. And simple knowledge of .NET Framework is enough.

You may have noticed that all these subjects are the latest technologies on the market. Especially ASPNET Core MVC 6, Bower, Grunt, GULP, NPM, latest version of JQuery and Knockout.JS. Angular 2 is the latest version right now. We will also be using Entity Framework Core also known as Entity Framework 7. Also Bootstrap 4 with SASS. We will define our dependency injections without a need for external linking. With these also we will use bootbox.js, notify.js as with latest versions. Lets mention again, we also be using earlier technologies like AJAX and JSON.

If you are ready, lets start our course!!

Are you here because you want to build your own web application?

THIS COURSE WILL CHANGE YOUR LIFE!

This course will give you step by step instructions on how to build a E-commerce App in Asp Net Core MVC 6 with the following features;

By the end of this course you will be able to build real world web apps. In this course you will learn how to build and design secure Asp Net Core Mvc 6 apps. This is not a toy app. You will be building professional web applications - all from scratch. I strongly believe that the best way to learn to code is by building something from scratch. Code snippets and documents are great, but you truly learn when you are doing. This course will show you how to build a classified e-commerce website.

Who is the target audience?
  • Wants to develop Asp Net Core Web Apps
  • Wants to create a real life E-Commerce Project
Students Who Viewed This Course Also Viewed
Curriculum For This Course
182 Lectures
13:32:49
+
Introduction
3 Lectures 17:27

In this course we will be building an E-Commerce website from zero with Asp.Net Core MVC6.

Preview 04:04

In this lecture, we will be starting to build our application on Visual Studio.

Create a Ecommerce Project
04:56

Lets learn about the folder structure for Asp.Net Core.

Asp.net Core Folder Structure
08:27
+
Entity Framework Core
10 Lectures 01:08:41

In this lecture we will be defining our Entity Framework Core code on "project.json" file.

Preview 04:50

In this lecture we will be defining our models. We will create database tables in this models and creating their names and validations.

Creating Category, SubCategory and Product Tables with Code First
16:02

We continue on adding model tables.

Creating Picture and Customer Tables with Code First
08:02

We will continue our lecture by creating order and order line tables.

Creating Order and OrderLine Tables with Code First
07:04

In this lecture we continue to create the tables.

Creating Cart and Cart Item Tables with Code First
06:02

In this lecture we will be learning about Data Annotations and we will add model validation to our tables.

Model Validations in Entity Framework Core
09:52

In this lecture we will create the Data Context Table.

Create Data Context in Entity Framework Core
04:52

In this lecture we will create connection strings on AppSettings File.

Create Connection String in Entity Framework Core
03:26

In this lecture we will try to show the connection strings that we created on Startup file.

Connection Strings add to services
03:36

In this lecture we will make the migration and update the database.

Add Migrations to Entity Framework
04:55
+
Entity Framework Core (1.1 Version)
8 Lectures 35:46

In this lecture, we will learn about Entity Framework.

What is Entity Framework Core
03:23

In this lecture, we will learn how to add Entity Framework to our Project.

Add Entity Framework Core to project
05:18

In this lecture, we will learn how to add Entity Framework by using csproj file.

Adding EF to csproj files(New)
04:42

In this lecture, we will create database tables.

Create Database Tables
05:54

In this lecture, we will learn about Base Classes and we will use them on our database tables.

Base Classes in Entity Framework Core
03:16

In this lecture, we will create Data Context in Entity Framework.

Create Data Context in Entity Framework Core
03:38

In this lecture, we will continue to database defining process.

Adding Connection Strings
02:51

In this lecture, we will implement dependency injection and complete the database processes.

Dependency Injection
06:44
+
Adding Interfaces and Repository Classes
5 Lectures 32:43

In this lecture we will define the interfaces for the tables that we created

Adding Interfaces To Project
13:32

Singleton design pattern in asp net core

Often, a system only needs to create one instance of a class, and that instance will be accessed throughout the program. Examples would include objects needed for logging, communication, database access

What is Singleton Design Pattern in ASP.NET Core
01:19

After we learned everything about Singleton Design Pattern, now it is time to see it in action.

Using Singleton Design Pattern and Create Repositories in
08:02

In this lecture we will continue on with Repository subject.

Create Product Repository
04:56

In this lecture we will create the Sub Category Repository.

Create SubCategory Repository and Other Repositories
04:54
+
Admin Area Designing
17 Lectures 33:28

In this lecture we will be designing our admin panel page.

Areas for Admin and Coding Project Controllers
03:36

In this lecture we will be defining route for Admin Area.

Creating Admin Area Routing
02:43

In this lecture we will add the source files to the project.

Adding Project Sources
02:22

In this lecture we will create a layout that we will be using on all the pages at admin section.

Creating Admin Layout Page
06:40

Source Code : Creating Admin Layout Page
00:16

In this lecture we will create the Frontend Layout.

Creating Frontend Layout Page
01:46

Source Code : Creating Frontend Layout Page
00:15

In this lecture we will create Partial Views for our top menu.

Partial Views and Adding Site Menu
03:58

Source Code : Partial Views and Adding Site Menu
00:09

In this lecture we will create a sitebar on Admin Section as Partial View.

Adding Sidebar for Admin
02:08

Source Code : Adding Sidebar for Admin
00:29

In this lecture we will organize the changes made on the template.

Other Settings
01:30

In this lecture we will be designing Index View for Products Controller.

Products Index (Home) Page Designing
02:25

Source Code : Products Index (Home) Page Designing
00:34

In this lecture we will be designing Create View of Product Controller.

Products Create Page Designing
03:39

Source Code : Products Create Page Designing
00:55

Usable Links for Asp net core Mvc 6

Usable Links
00:00
+
Account Settings and Identity Core
13 Lectures 01:01:12

In this lecture we will learn about what Identity is and what is it used for.

You can configure ASP.NET Core Identity to use a SQL Server database to store user names, passwords, and profile data. Alternatively, you can use your own persistent store to store data in another persistent storage

Introduction to Asp Net Core Identity
03:20

In this lecture we will continue on our project with Identity.

Adding Identity tables to our Customer and Role models
03:23

In this lecture we will write the definitions of IdentityUser and IdentityRole to Project.json file.

Adding Identity to project json
01:47

In this lecture we will see how to add Identity to the Startup File.

Adding Identity to Startup file
02:25

In this lecture we will create the Account Controller.

Adding Identity Property to Account controller
04:39

In this lecture we will be doing the Register Processes.

Create Register View Model for Register Account
05:49

In this lecture we will add the Register View Model to our method that we created on the previous lecture.

Register Action Coding
11:22

In this lecture we will be doing the Login Processes.

Create Login View Model for User Login
03:46

In this lecture we will continue on coding the Login Action.

Login Action Coding
04:21

In this lecture we will be doing the Logout Processes.

Preview 02:29

In this lecture we will display all the proceses on Views that created on Account Controller.

Register View Coding
07:45

In this lecture we will be coding the Login View Page.

Login View Coding
03:44

In this lecture we will see all the coding processes that we made until now on Browser.

Using Identity Power on Asp Net Projects - Final Project
06:22
+
Admin Area Coding
30 Lectures 02:42:31

In this section, we will be doing adding product, deleting, updating, adding category, adding product by category and such processes.

Introduction
01:41

In this lecture we will start coding on Admin Area.

Create an Asynchronous Partial for Logged User (Part 1)
02:44

In this lecture we will code Top Partial Login Menu.

Create an Asynchronous Partial for Logged User (Part 2)
11:41

Service Lifetimes in Dependency Injection
02:20

In this lecture, it is time to show you how to integrate and use Transient, Scoped and Singleton Dependencies.

Adding Dependencies to Startup cs file
03:59

In this lecture we will be adding interfaces to the controller on Admin Area.

Adding Interfaces and Repositories to Controller
05:38

In this lecture, we will be defining our category processes.

Adding Category Repositories and Intefaces to Project
01:47

In this lecture, we will be creating the processes that we list all categories.

All Categories Listing - Controller
01:48

In this lecture, Category Index.cshtml designing and coding will be done.

All Categories Listing - Views (Part 1)
05:11

In this lecture, we will continue on designing and coding Category Index.cshtml file.

All Categories Listing - Views (Part 2)
05:20

Source Codes : Category Index
00:28

In this lecture, we will be creating Controller side of the adding new category.

Create Category Coding - Controller
05:07

In this lecture, we will be coding Create Category View.

Create Category Coding - Views
07:31

In this lecture, we will create the update processes of the category.

Update Category Coding - Controller
06:41

In this lecture, we will make View processes of Category Update.

Update Category Coding - Views
04:50

In this lecture, we will try to list all the products that we have on products controller on Admin Area.

All Products Listing - Controller
03:08

After we finished the controller process, we will continue on Index page View.

All Products Listing - Views
09:54

In this lecture, we are finishing the processes for adding products.

Create Products Part 1 - Controller
04:27

In this lecture, we continue on products view page

Create Products Part 2 - Views
10:12

In this lecture, we will add ProductImage to the database.

Create Products Part 3 - Views
06:01

In this lecture, we will continue the processes on product controller.

Create Products Part 4 - Controller
06:14

In this lecture, we will be creating processes for adding images to the products.

Adding images to products
08:27

In this lecture, we will be performing update processes.

Update Products Part 1-Controller
03:56

In this lecture, we will record, save the products to be updated.

Update Products Part 2-Controller
09:27

In this lecture, we will make some changes on code and create update view.

Update Products Part 3-Views
04:27

In this lecture, we will be performing the delete process.

Delete Products Part 1-Controllers
09:34

In this lecture, we can start creating views.

Delete Products Part 2-Last Touches
11:05

In this lecture, we will arrange the left menu, and code the links to work.

Admin Settings
02:45

In this lecture, we will solve some problems on admin area.

Problems Fixed
04:04

In this lecture, we will fix a missing part for displaying categories on product list page.

Admin Product Bug Fixed
02:04
+
Angular 2 : 1. Way (Using by template)
7 Lectures 27:55
Angular 2
01:33

What is the difference between AngularJs and Angular 2
03:12

In this lecture, we updated the asp net core to 1.1

Download and Use Asp Net Core 1.1
02:10

In this lecture, we will integrate the Angular2 to the project.

Installing and Setup Prerequisites
08:07

Usable Links
00:10

In this lecture, we will be creating our first Angular2 application.

Create project with Angular 2 and first look to Project
12:41

Angular 2 : 1. Way Project Sources Code
00:01
+
Angular 2 (2. Way) Implemeting and Using in Project
42 Lectures 03:15:41

In this lecture, we will be learning the second way of Angular 2 integration.

Introduction
00:49

In this lecture, we will learn how to integrate Angular CLI.

Adding Folders
02:27

In this lecture, we will learn how to add Angular 2 in our project.

Adding Folder Path Startup File
03:42

In this lecture we will add all the materials that we plan to use on Angular 2.

Adding Usable materials
02:25

In this lecture, we will add a starter page for our project.

Adding Starter Page For Project
02:16

In this lecture, we will add system config javascript file to our project.

Adding system config js
03:53

In this lecture, we continue on adding Angular 2 to our project, and we will add static files that we will use in our project.

Coding Master Page
09:06

Source Code : Master Page
00:22

In this lecture, we will continue on setting up configuration files of Angular 2.

Setup Configuration Files Angular 2
04:34

In this lecture, we will continue on adding Angular 2 Layout Page.

Adding Angular 2 Layout Page
04:35

In this lecture, we will be adding the template path that we created on our previous lecture to typescript component.

Working with first component
03:33

In this lecture, we will create the folder structure for inner-pages and start add - update processes.

Working with Add and Update Page
05:40

In this lecture, we will continue with add - update processes.

Working with Add and Update Page (Part 2)
08:04

In this lecture, we will be activating create and delete buttons functions.

Working with Add and Update Page (Part 3)
06:11

In this lecture, we will be working on Category Form

Working with components (Part 1)
04:16

In this lecture, we will add an export class.

Working with components (Part 2)
02:51

In this lecture, we will learn inheritance.

Working with components (Part 3)
08:15

In this lecture, we will create instance destroy function.

Working with components (Part 4)
07:30

In this lecture, we will create the delete function.

Working with components (Part 5)
07:54

In this lecture, we can start creating our services.

Working with services(Part 1)
05:38

In this lecture, we will continue on services.

Working with services(Part 2)
02:13

In this lecture, we will be coding for post requests.

Working with services(Part 3)
05:53

In this lecture, we will define request methods.

Request Methods
04:33

In this lecture, we will be creating the create method.

Working with Create Method
04:16

In this lecture, we will be creating our private methods; extractData and handleErrors.

Working with extract Data and Handle Errors
08:25

In this lecture, we will create the update method.

Working with Update Method
04:02

In this lecture, we will be creating the Delete Method.

Working with Delete Method
02:28

In this lecture, we will be writing our get list method.

Working with Get List Items Method
04:02

In this lecture, we will create get item method.

Working with Get Item Method
03:38

In this lecture, we will work with request options.

Working with Request Options
07:10

In this lecture, we will create a new component.

Working with List Page
05:00

Source Code : List Page
00:31

In this lecture, we will be coding category list component.

Coding List Components
05:06

In this lecture, we will learn Route subject in Angular 2.

Angular 2 Routes in Project
10:36

In this lecture, we will investigate app module Typescript class.

Angular 2 Working with Modules
07:38

In this lecture, we will learn a main subject about Angular 2 which is Main TypeScript class.

Main Typescript Class
05:14

In this lecture, we will create a controller for Angular 2

Angular 2 using in Mvc Controller (Part 1)
04:19

In this lecture, we will continue on creating a controller.

Angular 2 using in Mvc Controller (Part 2)
05:39

In this lecture, we will continue on creating a controller with update method.

Angular 2 using in Mvc Controller (Part 3)
04:05

In this lecture, we will continue on creating a controller with delete method.

Angular 2 using in Mvc Controller (Part 4)
03:14

In this lecture, we will correct some mistakes and add final touches.

Angular 2 Last Touches
03:37

Usable Links
00:01
+
Frontend Pages Design
10 Lectures 18:23

In this lecture, we will create the Product Controller.

Create Product Controller and Actions
01:09

In this lecture, we will add the actions and View of the Product Controller.

Create Product List Page
06:16

Source Code : Create Product List Page
00:15

In this lecture, we will be organizing the the Frontend Layout.

Creating User Top Menu For Front End Pages
01:53

Source Code : Creating User Top Menu For Front End Pages
00:21

In this lecture, we will create the Product Details Page.

Create Product Detail Page Design
03:34

Source Code : Create Product Detail Page Design
00:47

In this lecture, we will create the Category Controller and the Actions that are connected to the Category Controller.

Create Category Controller and Actions
01:12

In this lecture, we will create Category Index page that we list all the categories.

Create Category List Page
02:40

Source Code : Create Category List Page
00:15
4 More Sections
About the Instructor
Happy Code
3.4 Average rating
149 Reviews
1,052 Students
4 Courses
Software Developer

Happy Code is the name of our software developing team, every developer in our team has proven him/herself to the other members first. In our team we do what we know and love to do : write code. So we decided to record while coding and show everyone how we code.

We are preparing lectures about web and mobile development softwares and how to make a working project using these softwares. We are still building some special projects, and they will be here too.