Step-by-Step Angular-19: Basics to Advanced - Components, Routing, and Beyond

Angular Course Index

Welcome to the Angular course. Below is a structured index of all the topics covered.

1. Introduction to Angular

• Overview of Angular Framework
• Key Features and Advantages
• Understanding Single-Page Applications (SPAs)

2. Core JavaScript & TypeScript Basics

Session 1–6: JavaScript Refresher

• Session 1: Array Functions
• Session 2: Objects - Part 1
• Session 3: Objects - Part 2
• Session 4: `var`, `let`, and `const`
• Session 5: Types of Functions
• Session 6: Types of Variables

Session 7–11: Advanced JavaScript

• Session 7: Object-Oriented Programming (OOPs)
• Session 8: OOPs - Inheritance
• Session 9: `this`, `super`, and Arrow Functions
• Session 10: Interface and Abstract Classes
• Session 11: Abstract vs. Interface

3. Angular Foundations

Session 12–14: Getting Started

• Session 12: Project Files and Folder Structure
• Session 13: JavaScript/TypeScript Refresher
• Session 14: Introduction to Angular Packages

Session 15–17: Angular Core

• Session 15: Overview of the Angular Framework
• Session 16: Project Files Explanation
• Session 17: Angular Framework Fundamentals

4. Angular Components and Data Binding

Session 18–20: Components

• Session 18: Creating and Managing Multiple Components
• Session 19: Data Binding - Part 1
• Session 20: Data Binding - Part 2

Session 21–26: Directives

• Session 21: `if-else` in Angular
• Session 22: `ngIf`, `ngSwitch`, and `ngStyle`
• Session 23: `ngSwitchCase` - Part 1
• Session 24: `ngSwitchCase` - Part 2
• Session 25: `ngSwitchCase` - Part 3
• Session 26: `ngSwitchCase` - Part 4

5. Routing and Navigation

Session 27–34: Routing

• Session 27: Introduction to Angular Routing
• Session 28: Activated Route - Part 1
• Session 29: Activated Route - Part 2
• Session 30: Card Application with Router Parameters
• Session 31: Navigation Techniques (`navigate` vs. `navigateByUrl`)
• Session 32: Nested Routing
• Session 33: Router Guard and Local Storage Integration
• Session 34: JWT token authentication | Interceptor

6. Services and Dependency Injection

• Understanding Angular Services
• Using Dependency Injection
• State Management with RxJS and Observables

7. API Integration

Session 35–38: HTTP Client

• Session 35: HTTP Client in Angular
• Session 36: Consuming APIs with Angular
• Session 37: Angular-Node API Integration
• Session 38: Building CRUD Operations

8. Angular Forms

• Forms over-view | Template-Driven Forms
• Reactive Forms
• Dynamic Form (Form Builder | Form Group)
• Move Focus to the Next Input on Enter Key Press

9. Advanced Angular Concepts

• Angular Signals
• Pipes & Strong Typing
• Lazy Loading for Performance Optimization
• Change Detection Mechanism
• Component Lifecycle | Hooks
• Effective Communication Between Components (Parent to Child)
• ng-container | ng Template | ng Content | ng Auto-Complete

10. Real-World Applications

• JSON in Angular
• Building Scalable Applications
• Deploying Angular Applications on Hosting Platforms
• How to Handle Cross-Origin Policy in Angular
• Run Long Angular Commands with a Simple Shortcut!
• Angular Debugging: Essential Tips for Faster Development
• 6 Ways to Bind Styles in Angular – From Basics to Advanced!
• Model-vs-Interface-vs-class
• Bootstrap Carousel Tutorial: Make It Fully Responsive & Dynamic