Course Code:
angular19
Duration:
28 hours
Prerequisites:
- An understanding of HTML, CSS, and JavaScript
- Experience with web development concepts and REST APIs
- Familiarity with TypeScript is helpful but not required
Audience
- Web developers building dynamic and scalable front-end applications
- JavaScript developers transitioning to modern front-end frameworks
- Software engineers creating enterprise-grade SPAs
Overview:
Angular is a powerful TypeScript-based front-end framework for building robust single-page applications.
This instructor-led, live training (online or onsite) is aimed at intermediate-level web developers who wish to build, test, and deploy Angular 19 applications with the latest tooling, component architecture, and best practices.
By the end of this training, participants will be able to:
- Set up and configure an Angular 19 development environment using the Angular CLI.
- Create components, directives, services, and reactive forms.
- Use routing, HTTP client, and state management with RxJS and signals.
- Build, test, and deploy production-ready Angular applications.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
Course Outline:
Getting Started with Angular 19
- Introduction to Angular and what's new in Angular 19
- Project setup with Angular CLI
- Understanding the Angular architecture
Components and Templates
- Creating and organizing components
- Data binding and interpolation
- Template syntax and lifecycle hooks
Directives and Pipes
- Using built-in structural and attribute directives
- Creating custom directives
- Using and creating custom pipes
Dependency Injection and Services
- Understanding the Angular DI system
- Creating and providing services
- Injecting services into components
Forms and Validation
- Template-driven forms
- Reactive forms and form builder
- Form validation techniques
Routing and Navigation
- Setting up routes and lazy loading modules
- Router parameters and guards
- Navigation strategies and best practices
HTTP Client and Data Handling
- Using the HttpClient module
- Making API requests and handling responses
- Error handling and observables with RxJS
State Management and Signals
- Using RxJS for reactive state management
- Introduction to Angular signals
- Managing application-wide state
Testing and Deployment
- Unit testing components and services
- End-to-end testing with Angular tools
- Build optimization and deployment strategies
Summary and Next Steps
Sites Published: