E-Commerce app with .NET, Angular [intermediate-level-dev]

Focused View

Youssef Kharoufi

7:27:17

6 View

1 - Introduction

1 - Intro.mp4

01:06

2 - What the final app looks like.mp4

05:58

3 - Softwares installment.mp4

02:16

4 - Backend API creation.mp4

04:19

2 - Backend API setup part 1

5 - Model creation.mp4

08:39

6 - Linking the API to the Microsoft SQL database.mp4

08:20

7 - Identity Service.mp4

14:31

8 - Connection Token generation.mp4

11:15

9 - Seed Data.mp4

10:58

9 - Seed-Data.txt

10 - Login and Register Controller functions.mp4

25:37

3 - Frontend User login register features

11 - Creating the frontend app.mp4

04:47

11 - assets.zip

11 - carousel.txt

11 - footer.txt

11 - index.txt

11 - navbar.txt

11 - sidebar.txt

12 - Building the frontend app skeleton.mp4

13:36

12 - wwwroot.zip

13 - Account Service Setup.mp4

08:41

14 - Attempting to login CORS Policy.mp4

19:56

15 - Successfully loging in CORS policy.mp4

07:09

16 - Login features and bugs correction.mp4

04:19

17 - Register part 1.mp4

16:11

17 - register.txt

18 - Register part 2.mp4

16:31

19 - Register part 3.mp4

16:57

20 - Register function.mp4

12:23

4 - Index Backend API configuration

21 - Index Backend API configuration.mp4

06:50

5 - Products in the frontend

22 - Products Service.mp4

08:21

22 - index.txt

23 - Displaying the products.mp4

10:37

24 - Products list pagination.mp4

09:22

24 - product-details.txt

25 - Product Details.mp4

12:57

26 - Product Details final touches.mp4

04:58

26 - cartItem-model.txt

6 - Cart Management

27 - Creating our cartItem model.mp4

07:55

28 - Products Item Controller.mp4

15:16

29 - Cart Service part 1.mp4

15:17

30 - Assigning cart and adding one product.mp4

14:43

31 - Add to cart.mp4

11:29

32 - Cart Controller.mp4

14:41

33 - Cart Service part 2.mp4

07:15

33 - cart.txt

34 - Cart Component part 1.mp4

13:53

35 - Cart Component part 2.mp4

14:48

36 - Cart Component final touches.mp4

08:24

36 - Contact.txt

37 - Contact Page and SideBar.mp4

07:20

7 - Final Additional Features

38 - Product filtering.mp4

15:56

39 - Loading Bar.mp4

14:06

8 - Deployment

40 - Backend API Deployment with Azure.mp4

09:15

41 - Dont forget your repo and push the code after you are done with next video.mp4

02:39

42 - Deplying to Github pages.mp4

07:46

Description

Develop a Fullstack application using Angular, .Net Core, Bootstrap and PrimeNG UI Library

What You'll Learn?

Create an Web Application of type eCommerce Using the .NET Core, Angular, and PrimeNG
Complete your fullstack application with the course resources (html and css files)
Learn Backend development with .NET Core which is a C# framework
Learn Commands and Queries to be able to communicate with your SQL Database
Learn to Implement Authentication based on JWT tokens
Learn how to integrate components from the free PrimeNG library to your API

Who is this for?

Intermediate or advanced level .Net Core and Angular developers of freelancers.

What You Need to Know?

DISCLAIMER : This is not a course for beginners ! You are expected to know the basics of Javascript and to know basic angular terminology (such as what is a component, a service...).

You are also expected to know what a Model View Controller formation is in .NET Core

More details

Description
Build a fullsatck .Net Core / Angular e-commerce Application.
This course covers in detail every aspect of creating a backend with .Net Core. It also teaches you how to test your routes by using a mock api software named Postman. Further more, you are to discover everything there is to know about a frontend coded with Angular.
About the UI Library you will be using in this course : PrimeNG is a collection of rich UI components for Angular. All widgets are open source and free to use under MIT License. PrimeNG is developed by PrimeTek Informatics, a vendor with years of expertise in developing open source UI solutions.
We will be deploying our app in Azure Portal and Github Pages. The Azure portal is a web-based, unified console that provides an alternative to command-line tools. You can manage your Azure subscription with the Azure portal. Build, manage, and monitor everything from simple web apps to complex cloud deployments.
For the database, we will use Microsoft SQL Server on a local scale, then publish the database in Azure.
This course targets developers from different levels, from intermediate to advanced programming levels (not beginners).
You are expected to know the very basic terms of Javascript, Angular and .Net Core such as "Services", "Components", "npm packages", "Controllers", "Extensions"... .
Who this course is for:
Intermediate or advanced level .Net Core and Angular developers of freelancers.

User Reviews

Rating

average 0

Total votes0

Focused display

I am an engineer graduate from a School in France named : "Ecole des Mines". And I have been working as a software developer ever since my graduation. At school we learned about Vanilla Javascript first then I myself got into the Javascript frameworks such as Node js and Angular. This means that you can learn them on your own like I did ! Further more, during my professional experiences I had the opportunity to user UI Libraries such as Angular Material or PrimeNG. And finally I am also familiar with .NET so maybe in a near futur I will be providing you with a course about it who knows :D ?!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.