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!
You may also like
- Top 10 Language Learning Courses to Learn in November 2024
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024