Angular 19 Training in Astana, Kazakhstan

This course covers the fundamentals of Angular architecture along with the latest in Angular 19: its new reactivity model, server-side rendering advancements (incremental hydration, server route config), standalone components by default, etc. Participants will build hands-on applications and upgrade existing ones, learn performance, security, deployment, and code quality best practices.

Core Concepts & Angular 19 Essentials

Module 1: Introduction & Setup

• What’s new in Angular 19
• Angular architecture overview
• Installing Angular CLI v19
• Project structure & strictStandalone default

Module 2: Components, Directives & Pipes

• Standalone components (default in Angular 19)
• Data binding (interpolation, property, event, two-way)
• Built-in directives (*ngIf, *ngFor)
• Creating custom directives & pipes

Module 3: TypeScript & Services Basics

• TypeScript refresher (interfaces, classes, generics)
• Dependency Injection overview
• Creating and providing services

Module 4: Reactivity with Signals

• Signals, computed & effect
• linkedSignal (new in Angular 19)
• Resource API for async data

Hands-On Lab

Routing, SSR & Performance Enhancements

Module 5: Routing & Navigation

• Angular Router in standalone apps
• Lazy loading standalone components
• Route guards & resolvers

Module 6: Server-Side Rendering (SSR) & Rendering Modes

• ServerRoute configuration
• Render modes: Server, Prerender, Client
• Hybrid rendering per route

Module 7: Hydration & Performance

• Incremental Hydration (developer preview)
• Event Replay (stable in Angular 19)
• Optimizing bundle size & lazy loading
• Detecting unused imports (new compiler checks)

Module 8: Developer Experience Improvements

• Angular CLI v19 updates
• Hot Module Replacement (HMR) for templates & styles
• Migration schematics for best practices

Hands-On Lab

Advanced Angular 19, Testing & Deployment

Module 9: Advanced Reactivity & State Management

• Signals + linkedSignal patterns
• Resource API with caching & lazy fetch
• Alternatives to NgRx for lightweight state

Module 10: Testing Angular 19 Apps

• Unit testing services with Jasmine/Karma
• Component testing with TestBed
• Testing SSR & hydration behavior

Module 11: Optimization & Best Practices

• Change detection strategies
• Code splitting & lazy loading best practices
• Folder structure & scalable architecture

Module 12: Deployment & CI/CD

• Building for production
• Deploying SSR/Prerendered apps
• Edge deployment & SEO considerations