Angular 18 Training in Madrid, Spain

This course is designed to provide developers with practical, hands-on knowledge of Angular 18, focusing on its new features (Signals, Standalone Components, modern APIs) while reinforcing core concepts like components, routing, forms, services, and deployment. Participants will progressively build real-world applications and learn best practices for scalable Angular development.

Fundamentals & Setup

• Introduction to Angular 18
• What’s new in Angular 18
• Angular architecture overview (modules, components, services)
• Environment Setup
• Installing Angular CLI & project scaffolding
• Project structure walkthrough
• TypeScript Basics Refresher
• Building First Component
• Templates, data binding (interpolation, property, event, two-way)
• Directives & Pipes
• Built-in directives (*ngIf, *ngFor)
• Custom directives
• Built-in pipes and custom pipes
• Hands-on Lab

Advanced Angular Concepts

• Routing & Navigation
• Router setup and lazy loading
• Route guards & resolvers
• Services & Dependency Injection
• Creating and using services
• Hierarchical injectors
• Working with Forms
• Template-driven forms
• Reactive forms with validation
• HTTP Client & API Integration
• Making GET/POST requests
• Handling observables and async data
• Hands-on Lab

Modern Angular 18 Features & Best Practices

• Signals in Angular 18 (New Reactivity Model)
• Introduction to signals
• Converting existing code to signals
• Standalone Components & APIs
• Using Angular without NgModules
• State Management
• Local state with signals
• Intro to NgRx or alternative lightweight state handling
• Performance Optimization
• Change detection strategies
• Lazy loading, preloading, code splitting
• Testing Angular Apps
• Unit testing with Jasmine/Karma
• Component testing with TestBed
• Deployment
• Build & deploy Angular app to production
• Final Hands-on