Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Mastering Angular + Interview Questions + E-commerce Project
Introduction
Course Introduction (3:16)
Angular CLI (3:57)
Understanding Project Structure (5:25)
Introduction to Angular 17 (4:30)
Getting started with Angular 17 (5:22)
Migrating to Angular 17 (2:44)
Angular Fundamentals
Displaying message dynamically (Interpolation) (2:44)
First Component with Architecture (10:03)
Assignment - Display sum of two values (1:37)
Understanding the @NgModule (5:16)
Copy of Understanding the @NgModule (5:16)
Property binding (3:16)
NG17-Bootstrapping & Utilizing Standalone (2:55)
Assignment - Property binding with image tag (1:20)
Event binding with click event (3:46)
Binding other mouse related events (3:35)
Binding keyboard events (2:57)
$event object (4:01)
Assignment - Checking Shift key status (2:43)
Two way binding (ngModel) (5:11)
Assignment (Two-way Binding) - Get input field value on button click (2:10)
Assignment - Creating counter example (3:44)
Source Code
Angular Directives
Structural Directives (*ngIf) (3:04)
Directives Introduction (1:52)
Assignment - Implementing show & hide functionality with *ngIf (2:06)
Structural Directives (*ngFor) (2:35)
NG17-Control Flow Statements (@if & @else) (3:36)
Assignment - Displaying list items on button click using *ngIf and *ngFor (2:49)
Structural Directives (*ngSwitch) (3:22)
NG17-Control Flow Statements @for loop (6:15)
Assignment - Implementing age validation functionality using *ngSwitch (2:55)
Attribute Directives [ngClass] (5:55)
Assignment - Light & Dark mode using [ngClass] (3:44)
NG17-Control Flow Statements (@switch) (4:29)
Attribute Directives [ngStyle] (3:02)
Assignment - Changing the color of input field using [ngStyle] (7:25)
Grouping elements with ng-container (3:36)
HTML templates with ng-template (3:24)
ng-template Vs ng-container (2:08)
Assignment - (Displaying message if the input field remains empty) (3:56)
Rendering templates with ngTemplateOutlet - Part 1 (4:32)
Rendering templates with ngTemplateOutlet - Part 2 (3:01)
Assignment - Portfolio Builder (Phase 1) - HTML (3:04)
Assignment - Portfolio Builder (Phase 2) - CSS (4:45)
Assignment - Portfolio Builder (Phase 3) - Binding (5:30)
Source Code
Component life cycle - lifecycle hooks
Introduction (2:28)
Component Creation Hook - ngOnChanges() (4:43)
Understanding SimpleChanges Object (4:47)
Component Creation Hook - ngOnInIt() (4:25)
Detecting Custom Changes With ngDoCheck() hook (7:16)
Understanding the ngAfterContentInit() hook (7:38)
Source Code
Decorators
Class Decorators - @NgModule (3:03)
Introduction To Decorators (1:27)
Class Decorators - @Component (1:51)
Property Decorators - @Input (3:51)
Assignment @Input Decorator (3:13)
Property Decorators - @Output (5:16)
Assignment - Implementing parent-child data sharing using @Input & @Output (7:23)
Property Decorators - Accessing Child Components With @ViewChild (9:09)
Property Decorators - Accessing The Projected Content With @ContentChild (5:00)
Property Decorators - Binding Properties With @HostBinding (4:05)
Method Decorators - Binding events with @HostListener (4:54)
Assignment - Changing background color based on input (5:21)
Parameter Decorators (1:02)
Source Code
Angular Pipes
Assignment - Implementing the built-in pipes (3:42)
Pipes Introduction
Understanding Slice Pipe (2:42)
Assignment - Page navigation using slice pipe (Part 1) (5:08)
ang-044-aAssignment - Page navigation using slice pipe (Part 2) (3:42)
Understanding Number pipe (3:04)
Assignment - Pound to Kg Converter Using Number Pipe (4:13)
Understanding JSON Pipe (1:39)
Assignment - Displaying Table Data To JSON string (4:31)
Source Code
Custom Pipes
Creating Custom Pipes (4:20)
Assignment - Custom Pipe for Sorting Numbers (5:40)
Assignment - Creating Custom Pipe For Letter Count (3:21)
Pure Vs. Impure Pipe (3:50)
Using Impure Pipes (2:54)
Source Code
Angular Routing
Understanding Router Structure (2:24)
Routing Introduction (2:37)
Creating A Simple Route (2:30)
Creating A Navigation Link With _routerLink_ Directive (1:54)
Assignment-Creating A NavBar Using Routes (5:13)
Passing Route Parameters-Dynamic Routing (4:08)
Wildcard Routes Displaying The ‘404’ Page (2:51)
Understanding Nested Routes (2:50)
Assignment - Creating a multi-level menu (2:47)
Redirecting Routes (4:45)
Understanding for Root & forChild (5:09)
Understanding ActivatedRoute (5:02)
Query Parameters In Routing (4:39)
Assignment-Displaying Course Details And Fetching The Query Parameters (5:06)
Source Code
Angular Services
Introduction To Services (7:58)
Dependency Injection (4:37)
Providing Services (7:31)
Source Code
Angular Tokens
Injecting String Tokens (2:20)
Injecting Tokens (4:45)
Injection Token Object (3:11)
Providing Value With useValue (2:47)
Assignment-Provide A Constant Value As Dependency (2:37)
Alias Provider (2:34)
Factory Provider-useFactory Property (3:29)
Providing Dependencies Using “deps” Property with useFactory (5:05)
useFactory Vs. useValue (3:11)
Source Code
Angular Template Driven Forms
Understanding ngForm directive (4:50)
Introduction to Angular Forms (2:37)
Assignment - Creating A Simple Submit And Reset Form (3:55)
Template Driven Form (4:54)
Source Code
Angular Reactive Forms
Understanding FormControl (6:07)
Understanding FormGroup (6:53)
Dynamic Forms With FormArray (6:45)
Understanding FormBuilder (2:16)
Validating Form Controls (5:40)
Assignment - Creating Multi Step Reactive Form With Bootstrap (part-1) (4:34)
Assignment - Creating Multi Step Reactive Form With Bootstrap (part-2) (3:30)
Assignment - Creating Multi Step Reactive Form With Bootstrap (part-3) (7:57)
Tracking Form Control States (Dirty and Pristine Properties) (5:11)
Assignment - Multiple Validations On Password Field (4:28)
Source Code
Custom Form Validators
Creating Custom Validators (5:47)
Custom URL Validator (5:42)
Source Code
Route Guards
Securing Routes With Route Guards (6:04)
CanDeactivate Route Guard (7:15)
CanActivateChild Route Guard (5:26)
Assignment - Login Authentication (8:22)
Loading Modules with CanLoad Route Guard (9:33)
CanMatch Guard (5:55)
Source Code
Lazy Loading
Lazy Loading Of Modules (5:39)
Introduction To Lazy Loading (1:52)
Preloading Of Modules (5:34)
Relative Question - Preloading Vs. Lazy Loading (1:44)
Source Code
NG17-Deferred Loading (6:38)
NG17-@defer with @placeholder (2:55)
NG17-@defer with @loading (2:27)
NG17-@defer with @error (1:27)
NG17-Working with Triggers (on idle) (2:49)
NG17-Working with Triggers (on viewport) (4:44)
NG17-Working with Triggers (on interaction) (1:31)
NG17-Working with Triggers (on hover) (2:01)
NG17-Working with Triggers (on immediate) (1:07)
NG17-Working with Triggers (on timer) (1:07)
NG17-Prefetching of @defer blocks (2:05)
NG17-Defining Custom Triggers (3:27)
Observables & RxJS
Managing Observables & Subscribers (8:24)
Understanding Observables & RxJS (6:15)
Unsubscribing an Observable (5:43)
Understanding Async Pipe (6:22)
Assignment-Fetching JSON Data With Async Pipe (4:40)
Source Code
RxJS Operators
108-RxJS - from - Operator (2:42)
RxJS - of - Operator (3:11)
109-RxJS - interval - Operator (3:03)
110-RxJS - timer - Operator (3:44)
111-Assignment - Implementing a loading spinner with timer operator (3:04)
112-RxJS - empty - Operator (3:31)
113-RxJS Pipeable Operators (4:02)
114-RxJS -filter- Operator (3:30)
RxJS {map} Operator (5:13)
RxJS {mergeMap} Operator (3:49)
Assignment - mergeMap() - Displaying the Courses Associated With User (2:35)
RxJS { concatMap } Operator (4:55)
RxJS { switchMap } Operator (4:30)
Source Code
Handling HTTP Calls With Angular
Making HTTP Calls With HttpClient (4:45)
Making HTTP Calls With Observable (2:36)
Implementing HTTP POST Request (5:10)
Modifying Data With PUT Request (4:33)
Removing Data With DELETE Request (3:37)
CRUD App#1 Displaying Products With GET Request (5:52)
CRUD App#2 Adding Products With POST Request (6:20)
CRUD App#3 Fetching Products Data Before Updating (6:55)
CRUD App#4 Updating Products With PUT Request (3:27)
CRUD App#5 Deleting Products With DELETE Request (3:51)
Source Code
Signals - Angular 16
Introduction to Signals (2:01)
Creating Signal (3:34)
Updating Signal Value (3:13)
Mutating A Signal (2:45)
To-do list assignment (5:33)
Computed Signals (4:14)
Understanding effect() function (4:57)
Untracking Signals (4:59)
Source Code
Angular 17 - [All Lectures]
Introduction to Angular 17
Getting started with Angular 17
Bootstrapping & Utilizing Standalone
Control Flow Statements @for loop
Control Flow Statements (@if & @else)
Control Flow Statements (@switch)
Deferred Loading
@defer with @placeholder
@defer with @loading
@defer with @error
Working with Triggers (on idle)
Working with Triggers (on viewport)
Working with Triggers (on interaction)
Working with Triggers (on hover)
Working with Triggers (on immediate)
Working with Triggers (on timer)
Prefetching of @defer blocks
Defining Custom Triggers
Source Code
eStore Project
Introduction (1:35)
eStore Project Creation (1:52)
Installing Bootstrap (1:30)
Beginning header component (3:38)
Adding search bar (3:20)
Category dropdown in search bar (2:41)
Login link, wish list and cart icons (3:48)
Category navigation bar (2:50)
Creating home component (2:45)
Reorganizing header and category navigation components hierarchy (1:35)
Creating Error 404 Page (1:35)
Beginning Side Navigation Component (6:00)
Fetching Data Into Side Navigation Component (5:34)
Products component (1:59)
Styling product card (3:39)
Fetching data into products component (3:51)
Creating ratings with shared component (5:55)
Installing MySQL (4:09)
Creating database (5:02)
Creating Node Server (2:58)
Configuring API Route (2:01)
Configuring Nodemon (1:24)
Connecting to MySQL (2:44)
Data Fetching using SQL query (2:01)
Removing getConnection() call (1:16)
Creating routes with express (2:03)
Configuring Routes with express.Router() (1:13)
Creating workspace (0:58)
Fetching categories from server (3:47)
Fetching Categories in Category navigation bar (1:51)
Introducing state management (8:25)
Introducing state management (8:25)
Populate header search categories (1:34)
Define routes to fetch products (4:36)
Fetching products in products component (2:27)
Query parameters to filter products by category (2:37)
Add products store (6:06)
Filter products from side navigation bar (3:07)
Filter products from category navigation bar (1:48)
Adding keywords in database (2:18)
Find products using search box (4:46)
Lazy loading home module and products gallery component (5:29)
Creating product details component (11:23)
Implementing Shopping Cart - Part-1 (6:44)
Implementing Shopping Cart - Part-2 (4:52)
Creating shopping cart component - Part 1 (6:41)
Creating shopping cart component - Part 2 (3:28)
Cart summary and session storage (4:44)
User Signup API (6:24)
Starting User Sign up form (7:59)
Adding validations in user sign up form (7:03)
Connect sign up form to API
User login API (5:49)
User login form (5:58)
Connect User login form to API (6:19)
Create user drop down menu (9:38)
Adding logout functionality (6:13)
Display delivery address in checkout screen (7:21)
API to save authenticated orders (9:07)
Creating order service (8:03)
Saving order from cart (6:12)
API to get orders list (11:15)
Source Code
Angular Testing
Intro - Why Testing? Manual Vs Automated (3:21)
Unit Vs. Integrated Vs. End to End (3:05)
Jasmine & Karma - First Test (6:00)
Jasmine before() and after() methods (1:48)
Unit tests for rating component (5:24)
Spies and mocks (5:59)
Unit testing forms (8:05)
Unit testing routes (5:51)
Unit testing http services (4:43)
Integration test (6:33)
Code coverage
Source Code
Assignment (Two-way Binding) - Get input field value on button click
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock