Building eCommerce Angular Application

Welcome to "Building eCommerce Angular Application" - fifth edition of Microservices Learning Series. The ultimate course for developers who want to learn how to build scalable, efficient, and robust Microservices using the .Net Core platform along with Docker, Kubernetes, Identity Server 4, Rabbit MQ, Angular 15, GRPC, Istio Service Mesh, SQL Server, MongoDB, PostGreSQL, Redis, Ocelot, Nginx, Azure, Helm Charts, and Auto Scale.

In this comprehensive course, you'll gain hands-on experience with Docker and Kubernetes to deploy and manage your Microservices. You'll learn how to integrate Identity Server 4 for secure authentication and authorization, Rabbit MQ for messaging, and GRPC for efficient communication between Microservices.

You'll also learn how to use Istio Service Mesh to manage Microservices traffic, and how to configure and optimize SQL Server, MongoDB, PostGreSQL, and Redis for your Microservices. You'll use Ocelot and Nginx to manage your Microservices API gateway and deploy your Microservices to Azure using Helm Charts.

By the end of this course, you'll have a solid understanding of how to design, develop, and deploy Microservices using the latest industry-standard tools and practices, including auto-scaling.

Who Should Take This Course?

1. Freshers who want to learn how to build scalable and efficient systems using Microservices architecture.

2. Junior Developers who are looking to level up their skills and gain experience building real-world Microservices applications.

3. Mid-Level Developers who want to learn how to build and deploy Microservices using the latest industry-standard tools and practices.

4. Senior Developers who are looking to stay ahead of the curve and keep their skills up-to-date with the latest trends and technologies.

5. Software Architects who want to learn how to design and develop scalable, distributed, and fault-tolerant systems using Microservices.

6. Technical Leads who want to gain a deeper understanding of Microservices architecture and lead their teams in building scalable and efficient systems.

Disclaimer:- Assuming you have already completed the prerequisite courses listed below in bold letters, as this course cannot be taken as a stand-alone course. Without the foundational knowledge and skills provided in those courses, you may struggle with understanding the API setup and overall flow of the course.

1. Getting Started with Microservices using Clean Architecture

2. Securing Microservices using Identity Server 4

3. Implementing Cross Cutting Concerns

4. Versioning Microservices

5. Building Angular Application for MicroServices (Current Course)

(Next Course of this series)

6. Deploying Microservices to Kubernetes and AKS

IDE Required:- You can either use Visual Studio or JetBrains Rider, or VS Code itself.

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

  
  

• Bonus Section

• Bonus Lecture