Advanced Angular Development (NGADV)

Standalone Components: Concepts & Migration

• Standalone Components vs Modules
• Creating Standalone Components and Converting existing Components
• Understanding the Angular Bootstrapping Process
• app.config.ts & app.routes.ts
• Registering Providers in app.config.ts
• Migration an existing Project to Standalone Components

Components & Forms Deep Dive

• Using & Migrating to Control Flow Syntax
• Deferred Loading
• Standalone Directives & Directives Composition Api
• Content Projection
• HostBinding & HostListener
• Reactive Forms (FormGroup, Form Builder, FormControl, FormArray)
• Typed Forms Nullability, NonNullableFormBuilder, GetRawValue
• Partial Values, Optional Controls, Dynamic Groups and FormRecord
• Unified Form Events
• Cascading Form Controls
• Implementing Custom Controls using ControlValueAccessor
• Typed Forms Validation & Custom Validators
• Handling FormErrors & ErrorStateMatcher

Mastering Reactive Programming using RxJS

• Introduction to RxJS
• Observables, Observers & Use Cases
• Imperative vs Declarative Reactivity
• Data- vs Action-Streams
• Mouse & DOM Events as Observables
• Subject Types & Stateful Services
• Unsubscribing DestroyRef & takeUntilDestroyed
• Base Operators: Mapping, Filtering, Merging,
• Understanding Marble Diagrams & Debugging Observables
• Marble-testing RxJS
• Combination & Transformation Operators
• Retry & Error Handling Strategies
• Implementing & Testing Custom Observable Operators

Mastering Reactivity using Signals

• Introduction to Signals (WritableSignal, Computed, Effects)
• Signals vs Observables
• Signals & Observables Interoperability
• Nesting Components using Signals, input, output & model
• View Queries: viewChild, -Children, contentChild, -Children
• Communication between Components using Event Bus Pattern
• Zoneless Change Detection using Signals

Advanced State Management using NgRx

• Overview State Management Patterns
• NgRx Classic vs Signal Store
• Introduction to the Classic NgRx & Redux Pattern
• Implementing NgRx Store, Reducers & Selectors using createFeature
• Actions & createActionGroup
• Effects, Facades, @ngrx/entity & @ngrx/data
• Creating a Signals Store using @ngrx/signals
• Side Effects using rxMethod
• Signals Store, Entity & Custom Data Services
• Implementing and using Custom Store Features

Advanced Routing and App Initialization

• Dependency Injection in Depth: Resolution modifiers and Dependency providers
• Using Constructor vs inject for DI
• APP_INITIALIZER, Injection & forwardRef
• Implementing Global Error Handling and Retry-Patterns
• Lazy Loading & Dynamic Components
• Using Preloading Strategies
• Binding Router-Params to Component Inputs
• Preloading Component Data using Functional Resolvers
• Route Redirect Functions
• Functional Route Guards & Interceptors
• View Transition Api
• Auxiliary Routes: Common use cases
• Router Animations & Anchor Scrolling
• Introduction to Visual Feedback (Loading-, Saving-, ...-Indicator)

Securing Angular using Cloud Identities

• Recap Jwt, OAuth 2.0 & OpenID Connect
• Token based Authentication in Angular with NgRx
• Implementing an AuthModule using a Facade Service, Components, Guards & Interceptors
• Optimizing Application Flow for Authentication
• Authentication using Microsoft Entra ID

Advanced Testing with Jasmine, Cypress and NgRx

• Introduction Angular Testing Tools (Jasmine, Karma, Jest & Cypress)
• Testing Classes, Pipes, Directives
• Testing Services using HttpClientTestingModule & HttpTestingController
• Mocking vs Spies
• Testing Component Interaction (Read, Write, Emit, Inputs)
• Complex Forms Testing
• Testing Observables & Signals
• Material Testing using Component Harnesses
• Async Component Testing (done, fakeAsync, waitForAsync)
• Components Marble Testing
• Testing NgRx: Mock Store, Mock Selectors, Reducers, Effects, Facades
• Using Jest for Unit Testing (Setup, Changes in spec, Snapshot Tests)
• Introduction to End-2-End Testing using Cypress
• Cypress Component Tests

Reusability with Libraries, Nx & Angular Elements

• Angular Building Blocks: Workspace, Apps, Libraries
• Reusable Artifacts using Angular Libraries
• Implementing, Publishing and Consuming Libraries to / from GitHub Packages
• Introduction to Nx Workspaces
• Reusable Web Components using Angular Elements and Standalone Components

Real Time Micro-Frontends & Progressive Web Apps

• Introduction to Micro-Frontends
• Real Time connected using Cloud Events or Large Language Models Responses
• Introduction to Progressive Web Apps
• Understanding and Configuring Service Workers & Manifests
• Installing & Updating Progressive Web Apps

Optimizing & Publishing Containerized Applications

• Using Chrome Dev Tools & Lighthouse for Performance Optimization
• Understanding & Using Page Traces
• Analyzing and Optimizing Bundles
• Logging NgRx to custom destinations using Meta-Reducers
• Virtual- & Infinite Scrolling
• Understanding, Profiling & Optimizing Angular Change Detection
• Understanding & Optimizing Angular Change Detection
• Introduction to Zoneless Change Detection
• Optimizing Images using NgOptimizedImage
• Using Linting and Autoformat with Prettier
• Accessibility A11y: Best Practices & Linting
• Introduction to Server Side Rendering (SSR) and Non-destructive hydration
• Configure Server Side Rendering & Pre-rendering
• Configuration Management and Config Injection Options
• Creating an Angular Multi-Stage Docker Image
• Overriding config in containers using environment variables