MEAN Stack E-Commerce App- Angular, NX, PrimeNG [2023]

MEAN Stack E-Commerce App: Angular, NX, PrimeNG [2023], available at $19.99, has an average rating of 4.05, with 205 lectures, based on 19 reviews, and has 149 subscribers.

You will learn about Developers that want to learn Angular with NX Beginners that want to start web development with Angular Students that want to practicing by building a real world app Users that want to learn and build their own e-shop This course is ideal for individuals who are Beginners that want to build their own e-shop with Angular and NX It is particularly useful for Beginners that want to build their own e-shop with Angular and NX.

Enroll now: MEAN Stack E-Commerce App: Angular, NX, PrimeNG [2023]

Summary

Title: MEAN Stack E-Commerce App: Angular, NX, PrimeNG [2023]

Price: $19.99

Average Rating: 4.05

Number of Lectures: 205

Number of Published Lectures: 205

Number of Curriculum Items: 205

Number of Published Curriculum Objects: 205

Original Price: $99.99

Quality Status: approved

Status: Live

What You Will Learn

Developers that want to learn Angular with NX

Beginners that want to start web development with Angular

Students that want to practicing by building a real world app

Users that want to learn and build their own e-shop

Who Should Attend

Beginners that want to build their own e-shop with Angular and NX

Target Audiences

Beginners that want to build their own e-shop with Angular and NX

About This Class

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, 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

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What is MEAN Stack?

Lecture 3: Who can take this course?

Lecture 4: How to use this course

Lecture 5: If you get stuck and Errors

Lecture 6: Things change and technologies keep evolving

Lecture 7: And How to Get Most of It

Lecture 8: Course Outlines

Lecture 9: Installing NodeJS

Lecture 10: Configure MongoDB Atlas

Lecture 11: Installing Postman to test our API

Chapter 2: Starting with the Backend

Lecture 1: Introduction

Lecture 2: Overview to our RESTful API

Lecture 3: Creating the Backend Server with Express

Lecture 4: Reading Environment Variables

Lecture 5: Create First API Call & Parsing Json Data

Lecture 6: Logging API Requests

Lecture 7: Installing Mongoose and Connect to MondoDB Database

Lecture 8: Using MongoDB Atlas

Lecture 9: Optional- Seeding Database

Lecture 10: Read-Write Data to Database Using API

Lecture 11: Analysing the E-Shop Database

Lecture 12: Create Backend API Routes & Schemas

Lecture 13: Enabling CORS & Why Do We Need It

Chapter 3: Backend: Products & Categories

Lecture 1: Introduction

Lecture 2: Products Model – Schema

Lecture 3: Categories and Order – Schema

Lecture 4: Add and Delete Categories

Lecture 5: Get Categories and Category Details

Lecture 6: Update Category

Lecture 7: Post a New Product REST API

Lecture 8: Get a Product & List of Products REST API

Lecture 9: Show Category details in the Product – Populate

Lecture 10: Update a Product REST API

Lecture 11: Delete a Product REST API

Lecture 12: Get Products Count for Statistics Purposes

Lecture 13: Get Featured Products REST API

Lecture 14: Filtering and Getting Products by Category

Lecture 15: Changing ._id. key to .id. – more frontend friendly

Chapter 4: Backend: Users & Authentication

Lecture 1: Introduction

Lecture 2: Users Model & Schema

Lecture 3: Register a New User

Lecture 4: Hashing the User Password

Lecture 5: Get User and List of Users Excluding Password

Lecture 6: Login a User & Creating a Token

Lecture 7: Protecting the API and Authentication JWT Middleware

Lecture 8: Authentication Error Handling

Lecture 9: Excluding Routes From Authentication

Lecture 10: Add More Secret User Information to Token

Lecture 11: Users & Admins

Lecture 12: Get User Count

Lecture 13: Update User Data With-Without Password

Chapter 5: Backend: Orders

Lecture 1: Introduction

Lecture 2: Orders & Order-Items Model & Scheme

Lecture 3: Array of Refs – Example of Link Order to Order Items to Products

Lecture 4: New Order & Create Order Items on Posting New Order

Lecture 5: Get Order Detail and Populate Products in Order Items and User Data

Lecture 6: Update Order Status

Lecture 7: Calculating Total Price of one Order with Mongoose

Lecture 8: Get Total E-Shop Sales using $sum

Lecture 9: Get User Orders

Chapter 6: Backend: Product Image & Gallery Upload

Lecture 1: Introduction

Lecture 2: Configure Server Side Upload

Lecture 3: Testing Image Upload with Postman

Lecture 4: Validating Uploaded File Types

Lecture 5: Image Upload With Product Post Request

Lecture 6: Image Upload With Product PUT Request

Lecture 7: Product Gallery Multiple Images Upload

Lecture 8: Excluding Uploads Folder From Authentication

Chapter 7: Starting with Frontend

Lecture 1: E-Commerce NgShop – App Page Structure

Lecture 2: Creating Project Folder and Installing Angular

Lecture 3: Components, Modules, Services in Angular

Chapter 8: NX Monorepo

Lecture 1: What is NX?

Lecture 2: Installing NX

Lecture 3: Installing Extensions for Rapid Coding

Chapter 9: NX Real World Project

Lecture 1: NX Real World Project

Lecture 2: Creating Nx workspace for Your Team or Company

Lecture 3: Creating the Applications (Admin Panel App)

Lecture 4: Creating Application-Level Components

Lecture 5: Routing to Application-Level Components

Lecture 6: Master Page with Header & Footer

Lecture 7: Naming Component Selector Rules with ESLint

Lecture 8: Enabling Live Coding Linting

Lecture 9: NX VSCode Extension

Chapter 10: NX Shared Libraries

Lecture 1: Creating Shared Libraries Through Command Line

Lecture 2: Creating Shared Libraries Through NX Extension

Lecture 3: Creating Components Inside Libraries and Use them in the Apps

Lecture 4: How to Call Libraries- Check Paths

Lecture 5: What about Shared Style Files?

Chapter 11: NX Shared Styling Files

Instructors

Fadi Nouh
Software Engineer, Manager, Instructor, Architect

Rating Distribution

1 stars: 1 votes

2 stars: 2 votes

3 stars: 1 votes

4 stars: 4 votes

5 stars: 11 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!