Building eCommerce Angular Application

In this edition you will learn below topics:

Introduction

• Introduction
• Angular Installation Steps
• Branching Strategy
• Angular project setup
• Identity Server Changes
• Angular VS Code Extensions

Getting Started with Angular

• Understanding Angular project structure
• Installing ngx-bootstrap package
• Installing Font Awesome
• Adding a Navbar component
• Adding Navbar Component HTML
• Observable Vs Promise
• Implementing Http Client
• Enabling CORS
• Fetching Products
• Implementing Paginated Product Model

Building the Store Front

• Creating Feature Modules
• Creating the Store Components
• Creating the Store Service
• Consuming the Store Service
• Modifying Store Page
• Creating Product Items Page
• Passing Data to Child Component
• Adding Images and Product Page changes
• Fetching Brands and Types
• Markup Changes for Types and Brands
• Implementing Brand and Type Selected Functionality
• Hooking up HTML changes for filtering functionality
• Applying Spread Operator
• Implementing Sorting
• Adding Pagination Module
• Implementing Pagination Component
• Implementing Pagination – 2nd Part
• Adding Pagination Header
• Implementing Search and Reset Filter

Routing

• Creating Home and Product Detail module
• Creating Routes
• Creating Router Links in Navbar
• Activating Router Links
• Fetching Product Detail
• Adding Markup to Product detail page
• Implementing Lazy Loading

Error Handling

• Introduction
• Error Interceptor
• Implementing Error Interceptor
• Improving Error pages

UI Components

• Introduction
• Creating Header Component
• Adding XNG BreadCrumb Module
• Adding BreadCrumb Metadata
• Adding BreadCrumb Alias
• Setting Breadcrumb dynamically
• Adding Loading Interceptor
• Implementing Ngx Spinner
• Implementing Home Page

Basket Implementation

• Creating Basket setup
• Creating Basket Types
• Creating Basket Service
• Creating Basket methods
• Adding Items to Basket
• Fetching Basket with Username
• Updating Basket Icon value dynamically
• Implementing Basket Page
• Creating Basket total method
• Creating the Order Summary Component
• Creating Basket addition deletion remove functionality
• Wiring up Basket HTML with cart functionality
• Implementing Product detail page

Identity Server Client Implementation

• Account Module Creation
• Account Routing fix
• Server Side Changes
• Understanding Checkout Module
• Understanding Account Module
• Understanding Account service
• Can Activate Route Guard Issue With Angular 15
• UnInstallation Steps
• Package.json changes
• Silent Callback changes
• Basket service changes
• Understanding Checkout module changes
• Navbar changes
• 401 Error Interceptor demo
• Checkout giving 400 Error
• Demo