MEAN Stack E-Commerce App: Angular 12, NX, PrimeNg [2021]
- Description
- Curriculum
- FAQ
- Reviews
Start Coding Like The Biggest Software Companies in The World!
I don’t like to do theoretical things, I like to do something Practical!
This is not a reading documentation course. You have here a real-world project to learn from, and you will see the exact place of every feature of every technology used in this course.
You will learn how to build a Full Web Application MEAN stack using Angular.
In this course you will learn to use technologies like:
For Frontend :
– Angular 12, And Structuring your Project
– NX Monorepo
– PrimeNg Material Library
– RXJS
– NGRX For User Session
– SCSS
For Backend ( WebAPI )
– NodeJs
– Express
– MongoDB
– JWT (JSON Web Tokens)
MEAN Stack is an acronym for MongoDB, Express, Angular and Node.js – whereby all these four are integrated to form solution-built full-stack JavaScript applications.
Almost, every web development player in the market is trying to become a MEAN stack app developer.
You will learn the basics of building Angular apps. First, you will discover how to set up your environment in record time, including how to debug and run your app. Then, you will explore the Angular component library and how to style your layouts for a great feel. Finally, you will delve into how to call an HTTP API from your app.
When you’re finished with this course, you will have the skills and knowledge of Angular, Nodejs And Architecture skills which are needed to tackle profitable, cross-platform projects without learning at least multiple programming languages.
Also, this course is a perfect to the concepts of server-side web development. You’ll learn the different parts that make up the back-end of a website or web application, and you’ll gain familiarity with the Node.js runtime environment. After this course, you’ll be set up to explore popular Node frameworks like Express.js to build great API’s.
You learn in this course how to use mongoDb without any installing extra tools, MongoDB is now on cloud, so you will store your database in safe place!
Main Features:
- E-Shop APP From Scratch
- Admin Panel to manage the E-Shop From Scratch
- Great E-Shop Architecture
- Admin product management
- Admin user management
- Admin Order details page
- Changing the orders states (shipped, delivered ..)
- Handling cart
- Product Filtering
- Login And Authentication
- Checkout process (placing orders)
- Using Database in the cloud
- Deployment to Production Servers.
- Using External Libraries
- and much more …
After this course you will have a full working e-commerce Angular Apps that you can use or add to your portfolio, even you can take the code of the E-Shop and adjust it to fit for your needs and create your own E-Shop platform.
-
10IntroductionVideo lesson
-
11Overview to our RESTful APIVideo lesson
-
12Creating the Backend Server with ExpressVideo lesson
-
13Reading Environment VariablesVideo lesson
-
14Create First API Call & Parsing Json DataVideo lesson
-
15Important note about parsing json dataText lesson
-
16Logging API RequestsVideo lesson
-
17Installing Mongoose and Connect to MongoDB DatabaseVideo lesson
-
18Using MongoDB CompassVideo lesson
-
19Optional: Seeding DatabaseVideo lesson
-
20Read/Write Data to Database Using APIVideo lesson
-
21Analysing the E-Shop DatabaseVideo lesson
-
22Create Backend API Routes & SchemasVideo lesson
-
23Enabling CORS & Why Do We Need It?Video lesson
-
24Section CodeText lesson
-
25IntroductionVideo lesson
-
26Products Model & SchemaVideo lesson
-
27Categories Model & SchemaVideo lesson
-
28Add and Delete CategoriesVideo lesson
-
29Get Categories and Category DetailsVideo lesson
-
30Update CategoryVideo lesson
-
31Post a New Product REST APIVideo lesson
-
32Get a Product & List of Products REST APIVideo lesson
-
33Show Category Details in the Product - PopulateVideo lesson
-
34Update a Product REST APIVideo lesson
-
35Delete a Product REST API and Validate IdVideo lesson
-
36Get Products Count for Statistics PurposesVideo lesson
-
37Get Featured Products REST APIVideo lesson
-
38Filtering and Getting Products by CategoryVideo lesson
-
39Changing "_id" key to "id" - more frontend friendlyVideo lesson
-
40Section CodeText lesson
-
41IntroductionVideo lesson
-
42Users Model & SchemaVideo lesson
-
43Post/Register a New User REST APIVideo lesson
-
44Hashing the User PasswordVideo lesson
-
45Get User and List of Users Excluding PasswordVideo lesson
-
46Update User Data With/Without PasswordVideo lesson
-
47Login a User REST API & Creating a TokenVideo lesson
-
48Protecting the API and Authentication JWT MiddlewareVideo lesson
-
49Authentication Error HandlingVideo lesson
-
50Excluding REST API Routes From AuthenticationVideo lesson
-
51Add More Secret User Information to TokenVideo lesson
-
52Users & AdminsVideo lesson
-
53Get User Count REST APIVideo lesson
-
54Section CodeText lesson
-
55IntroductionVideo lesson
-
56Orders & Order-Items Model & SchemeVideo lesson
-
57Array of Refs - Example of Link Order to Order Items to ProductsVideo lesson
-
58New Order & Create Order Items on Posting New OrderVideo lesson
-
59Get Order Detail and Populate Products in Order Items and User DataVideo lesson
-
60Update Order Status & Delete OrderVideo lesson
-
61Delete Order Items after Deleting the OrderText lesson
-
62Explaining the SolutionVideo lesson
-
63Calculating Total Price of one OrderVideo lesson
-
64Get Total E-Shop Sales using $sumVideo lesson
-
65Getting User OrdersVideo lesson
-
66Section CodeText lesson
-
67IntroductionVideo lesson
-
68Configure Server Side UploadVideo lesson
-
69Testing Image Upload with PostmanVideo lesson
-
70Validating Uploaded File TypesVideo lesson
-
71Image Upload With Product Post RequestVideo lesson
-
72Product Gallery Multiple Images UploadVideo lesson
-
73Image Upload With Product PUT RequestVideo lesson
-
74Static Folder & Excluding Uploads Folder From AuthenticationVideo lesson
-
75Section CodeText lesson
-
79What is NX & MonoRepo?Video lesson
-
80Overview on NX Real World Example - E-ShopVideo lesson
-
81Installing NXVideo lesson
-
82Installing Extensions for Rapid CodingVideo lesson
Extensions are very helpful on increase your coding skills and productivity, you will find in the resources of this lecture the extensions file which I talked about.
External Links May Contain Affiliate Links read more