First Component With Architecture
Displaying Message Dynamically
Assignment (Display sum of two values)
Understanding the @NgModule
NG17-Bootstrapping & Utilizing Standalone
Assignment (Property binding with image tag)
Event Binding with Click Event
Binding Other Mouse Related Events
Assignment (Checking shift key status)
Two Way Binding (ngModel)
Assignment (Two-way Binding) - Get input field value on button click
Assignment (Creating counter example)
Structural Directives (ngIf)
Assignment - Implementing show & hide functionality with ngIf
NG17-Control Flow Statements (@if & @else)
Structural Directives (ngFor)
Assignment - Displaying list items on button click using ngIf and ngFor
NG17-Control Flow Statements @for loop
Structural Directives (ngSwitch)
Assignment - Implementing age validation functionality using ngSwitch
Attribute Directives [ngClass]
NG17-Control Flow Statements (@switch)
Attribute Directives - [ngStyle]
Assignment - Changing the color of input field using [ngStyle]
Grouping elements with ng-container
HTML templates with ng-template
ng-template vs ng-container
Assignment - Displaying message if the input field remains empty
Rendering templates with ngTemplateOutlet - Part 1
Rendering templates with ngTemplateOutlet - Part 2
Assignment - Portfolio Builder (Phase 1) - HTML
Assignment - Portfolio Builder (Phase 2) - CSS
Assignment - Portfolio Builder (Phase 3) - Binding
Component Creation Hook - ngOnChanges()
Understanding SimpleChanges Object
Component Creation Hook - ngOnInit()
Detecting Custom Changes With ngDoCheck() Hook
Understanding the ngAfterContentInit() Hook
Checking The Content With ngAfterContentChecked() Hook
Loading Content With ngAfterViewInit() Hook
Checking The Component View With ng AfterView Checked() Hook
Destroying Component With ngDestroy() Hook
Introduction To Decorators
Class Decorators - @NgModule
Class Decorators - @Component
Property Decorators - @Input
Assignment @Input Decorator
Property Decorators - @Output
Assignment - Implementing Parent-Child Data Sharing using @Input & @Output
Property Decorators - Accessing Child Components With @ViewChild
Property Decorators - Accessing The Projected Content With @ContentChild
Property Decorators - Binding Properties With @HostBinding
Method Decorators - Binding Events With @HostListener
Assignment - Implementing Color Picker
Assignment - Implementing the Built-In Pipes
Assignment - Page Navigation using Slice Pipe (Part 1)
Assignment - Page Navigation using Slice Pipe (Part 2)
Understanding Number Pipe
Assignment - Pound(lbs) to Kg Converter Using Number Pipe
Assignment - Displaying Table Data To JSON String
Understanding Router Module Structure
- Creating a Simple Route
Creating a Navigation Link with "routerLink" Directive
Assignment - Creating a Navbar Using Routes
Passing Route Parameters (Dynamic Routing)
Wildcard Routes - Displaying the 404 Page
Understanding Nested Routes
Assignment - Creating a Multi-Level Menu
Understanding forRoot and forChild in Routing
Understanding ActivatedRoute
Query Parameters In Routing
Assignment - Displaying Course Details and Fetching the Query Parameters
Providing Value With "useValue"
Assignment - Provide A Constant Value As Dependency
Alias Provider - useExisting Property
Factory Provider - useFactory Property
Providing Dependencies Using "deps" Property With useFactory
Understanding FormControl
Dynamic Forms With FormArray
Understanding FormBuilder
Creating Multi Step Reactive Form With Bootstrap (Part 1)
Creating Multi Step Reactive Form With Bootstrap (Part 2)
Creating Multi Step Reactive Form With Bootstrap (Part 3)
Tracking Form Control States (Dirty and Pristine Properties)
Multiple Validations On Password Field
Securing Routes With Route Guards
CanDeactivate Route Guard
CanActivateChild Route Guard
Assignment - Login Authentication
Loading Modules with CanLoad Route Guard
Introduction to Lazy Loading
Relative Question - Preloading Vs. Lazy Loading
NG17-@defer with @placeholder
NG17-@defer with @loading
NG17-Working with Triggers (on idle)
NG17-Working with Triggers (on viewport)
NG17-Working with Triggers (on interaction)
NG17-Working with Triggers (on hover)
NG17-Working with Triggers (on immediate)
NG17-Working with Triggers (on timer)
NG17-Prefetching of @defer Blocks
NG17-Defining Custom Triggers
Making HTTP Calls With HttpClient
Making HTTP Calls With Observable
Implementing HTTP POST Request
Modifying Data With PUT Request
Removing Data With DELETE Request
CRUD App#1 Displaying Products With GET Request
CRUD App#2 Adding Products With POST Request
CRUD App#3 Fetching Products Data Before Updating
CRUD App#4 Updating Products With PUT Request
CRUD App#5 Deleting Products With DELETE Request
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)
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
Beginning Header Component
Category Dropdown in Search Bar
Login Link Wish-list and Cart Icons
Reorganizing Header and Category Navigation Components Hierarchy
Side Navigation Component
Fetching Data into Side Navigation Component
Fetching Data into Products Component
Creating Ratings Component
Data Fetching with SQL Query
Removing getConnection() Call
Creating Routes With Express
Configuring Routes with "express.Router()"
Fetching Categories From Server
Fetching Categories in Category Navigation Bar
Introducing State Management
Populate Header Search Categories
Define Routes to Fetch Products
Fetching Products in Products Component
Query Parameters to Filter Products by Category
Filter Products From Side Navigation Bar
Filter Products From Category Navigation Bar
Adding Keywords In Database
Find Products Using Search Box
Lazy Loading Home Module and Products Gallery Component
Creating Product Details Component
Implementing Shopping Cart - Part 1
Implementing Shopping Cart - Part 2
Creating Shopping Cart Component - Part 1
Creating Shopping Cart Component - Part 2
Cart Summary and Session Storage
Starting User Sign Up Form
Adding Validations in User Sign Up Form
Connect Sign Up Form to API
User Login API + Introduction to JWT
Connect User Login Form to API
Create User Drop Down Menu
Adding Logout Functionality
Display Delivery Address In Checkout Screen
Creating API to Save Order
Creating Past Orders Component
Displaying Past Orders and Route Guard
Intro - Why Testing? Manual Vs Automated
Unit Vs. Integrated Vs. End to End
Jasmine & Karma - First Test
Jasmine before() and after() Methods
Unit Tests for Rating Component
Unit Testing HTTP Services