flowchart TB
    subgraph P1["Phase 1: Fundamentals"]
        direction TB
        Intro["Introduction to Angular"]
        Setup["Dev Environment Setup"]
        TS["TypeScript for Angular"]
        Core["Core Concepts (Components, Templates, Modules)"]
        Binding["Data Binding"]
        Directives["Directives"]
        Pipes["Pipes"]
        Comm["Components & Communication"]
        Lifecycle["Lifecycle Hooks"]
        Services["Services & Observables Intro"]
        Assign["Assignments"]
    end

    subgraph P2["Phase 2: Components, Routing & Forms"]
        direction TB
        CompDeep["Components Deep Dive"]
        DI["Dependency Injection"]
        Routing["Routing"]
        Forms["Angular Forms"]
        Project["Mini Project: Student Management"]
    end

    subgraph P3["Phase 3: Advanced"]
        direction TB
        CD["Change Detection"]
        RxJS["RxJS Complete Guide"]
        State["State Management (NgRx)"]
        Perf["Performance Optimization"]
        MemLeaks["Memory Leaks"]
    end

    subgraph P4["Phase 4: Enterprise"]
        direction TB
        Arch["Architecture Patterns"]
        HTTP["HTTP Client"]
        Interceptors["HTTP Interceptors"]
        Auth["Authentication & Authorization"]
        Guards["Route Guards & Resolvers"]
        Material["Angular Material & CDK"]
        Testing["Testing"]
        Deploy["Deployment"]
        BestPractices["Enterprise Best Practices"]
        PWA["PWA & Service Workers"]
        i18n["i18n & Accessibility"]
        FormsCustom["Custom Form Controls"]
        FinalProject["Final Large Project"]
    end

    subgraph P5["Phase 5: Modern Angular (v17+)"]
        direction TB
        Signals["Signals"]
        ControlFlow["New Control Flow (@if/@for)"]
        Defer["Deferrable Views (@defer)"]
        Standalone["Standalone Components"]
        SSR["SSR & Hydration"]
    end

    P1 --> P2 --> P3 --> P4 --> P5

    style P1 fill:#7c3aed,color:#fff
    style P2 fill:#4f46e5,color:#fff
    style P3 fill:#059669,color:#fff
    style P4 fill:#d97706,color:#fff
    style P5 fill:#dc2626,color:#fff