Course Overview
Angular is Google’s modern, open-source framework for building scalable, high-performance, single-page web applications. Built on TypeScript, Angular provides a comprehensive platform for developing enterprise applications using reusable components, dependency injection, reactive programming, routing, and powerful development tools. Angular 19 introduces significant improvements in developer productivity and application performance through features such as Signals, deferred loading, improved rendering, and enhanced developer experience.
This instructor-led Angular 19 Advanced Development course is designed for web developers who want to build modern, responsive, and maintainable web applications using the latest Angular framework. The course covers the complete Angular development lifecycle, from setting up projects using Angular CLI to developing reusable components, implementing reactive forms, communicating with backend services, securing applications, testing, optimizing performance, and deploying applications to production.
Participants will gain practical experience with TypeScript, Angular CLI, components, templates, directives, pipes, dependency injection, services, routing, HttpClient, RxJS, Signals, authentication, and unit testing. The training also covers modern Angular development best practices, project organization, performance optimization techniques, and enterprise application architecture.
Through extensive hands-on exercises and real-world implementation scenarios, participants will learn how to build secure, scalable, and maintainable Angular applications that integrate seamlessly with RESTful APIs and enterprise backend services. By the end of the course, learners will have the practical skills required to develop production-ready Angular applications using current Angular development standards and best practices.
Course Objective
Upon successful completion of this course, participants will be able to:
- Understand the architecture and core concepts of Angular 19 and modern single-page application development.
- Develop enterprise web applications using TypeScript and Angular best practices.
- Create reusable components, templates, and feature modules using Angular CLI.
- Implement data binding, component communication, and lifecycle hooks.
- Build reusable directives and custom pipes for application development.
- Develop reactive forms with validation and custom validators.
- Implement dependency injection and reusable services.
- Consume RESTful APIs using HttpClient and RxJS.
- Configure routing, lazy loading, and route guards for enterprise applications.
- Implement authentication and Single Sign-On (SSO) using OAuth 2.0 concepts.
- Utilize Signals and modern Angular reactive programming features.
- Write unit tests using Jasmine and Karma.
- Optimize Angular application performance and implement production deployment strategies.
- Build, package, and deploy Angular applications using Angular CLI.
- Apply Angular coding standards and industry best practices for enterprise application development.
Pre-requisites
Pre-requisites
Participants should have:
- Working knowledge of HTML5 and CSS3.
- Good understanding of JavaScript (ES6+) programming concepts.
- Basic knowledge of TypeScript is beneficial but not mandatory.
- Familiarity with object-oriented programming concepts.
- Understanding of AJAX, JSON, and REST APIs.
- Basic knowledge of web application development concepts.
- Experience with server-side programming or backend APIs is recommended but not required.
- Prior exposure to modern JavaScript frameworks is helpful but not mandatory.
Course Curriculum
- Introduction to TypeScript
- Installing and configuring TypeScript
- TypeScript compiler and configuration
- Type annotations
- Variables and data types
- Functions
- Classes and objects
- Interfaces
- Generics
- Modules
- Decorators
- ES6 language features used in Angular
- Introduction to Angular
- Benefits of Angular
- Understanding Angular versions
- Single Page Applications (SPA)
- Angular architecture
- Angular application structure
- Angular coding standards and Style Guide
- Angular compared with other JavaScript frameworks
- Understanding the Angular development workflow
- Angular CLI overview
- Installing Angular CLI
- Creating a new Angular project
- Project structure
- Angular workspace configuration
- Generating components, services, directives, and pipes
- Environment configuration
- Build configuration
- Angular CLI commands
- Project customization
- Angular components
- Component metadata
- Component templates
- Inline and external templates
- Component styling
- Component composition
- Component communication
- Property binding
- Event binding
- Two-way data binding
- Interpolation
- Template expressions
- @Input and @Output decorators
- Component lifecycle hooks
- Install Angular CLI
- Create an Angular application
- Generate application components
- Build reusable UI components
- Implement component communication
- Configure project structure
- Practice data binding techniques
- Structural directives
- ngIf
- ngFor
- ngSwitch
- Attribute directives
- ngClass
- ngStyle
- Creating custom directives
- Built-in pipes
- Date pipe
- Currency pipe
- Number pipe
- Percent pipe
- Slice pipe
- Uppercase and Lowercase pipes
- Chaining pipes
- Passing parameters
- Creating custom pipes
- Angular services
- Creating services
- Service architecture
- Business logic implementation
- Dependency Injection fundamentals
- Angular Dependency Injection system
- Providers
- Injectable services
- Singleton services
- Service scopes
- Injection tokens
- Best practices for service design
- Template-driven forms
- Reactive Forms
- FormControl
- FormGroup
- FormArray
- FormBuilder
- Validators
- Custom validators
- Cross-field validation
- Validation messages
- Dynamic forms
- Form submission
- Form state management
- Build reusable services
- Implement dependency injection
- Develop template-driven forms
- Create reactive forms
- Apply built-in validators
- Develop custom validators
- Validate complex forms
- Manage form submissions