Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Duration 28 hours
Course Outline
Introduction to Angular 17
- Defining Angular and its core functionality
- Comparative analysis: Angular versus React and Vue
- Summary of key features and architectural components in Angular 17
- Configuring the development environment for implementation
Initiation and Configuration
- Initializing a new Angular 17 project via the Angular CLI
- Analyzing the project directory structure and configuration files
- Executing and serving the application instance
- Rendering data through interpolation and expression evaluation
Components
- Defining the functional role of components within Angular 17
- Constructing and implementing component instances
- Data transmission between components utilizing inputs and outputs
- Application of component lifecycle hooks for state management
Directives
- Distinguishing between structural and attribute directives
- Implementation of native directives including ngIf, ngFor, and ngSwitch
- Development and application of custom directive logic
Pipes
- Establishing the purpose of pipes within Angular 17 data transformation
- Utilization of native pipes such as date, currency, and JSON formatting
- Creation and integration of custom pipe definitions
Services
- Defining the operational role of services in Angular 17 architecture
- Construction and deployment of service instances
- Dependency injection mechanisms via provider configuration
Modules
- Understanding the organizational role of modules in Angular 17
- Creation and utilization of module structures
- Importing and exporting module configurations
Data Binding
- Comparing one-way versus two-way data binding mechanisms
- Implementation of property binding, event binding, and template syntax
- Utilization of template reference variables
Routing
- Defining the navigational role of routing in Angular 17
- Configuration and definition of application routes
- Navigating application states using routerLink and router.navigate()
- Management of route parameters, query strings, and URL fragments
Forms
- Comparing template-driven and reactive form architectures
- Construction and validation of forms using controls, groups, and arrays
- Application of native validators including required, minLength, and maxLength
- Development and integration of custom validation logic
HTTP Client
- Defining the communication role of the HTTP client in Angular 17
- Initiating and processing HTTP requests for backend service interaction
- Managing asynchronous data streams via observables
- Interception and modification of HTTP requests and responses
New, Declarative Control Flow
- Detailing the new template control block syntax for simplified conditional rendering, iteration, and empty state handling
- Demonstrating usage of new control blocks including @if, @else, @switch, @case, @default, @for, and @empty
- Comparing new syntax with legacy structures such as *ngIf, *ngSwitch, and *ngFor
- Illustrating support for zoneless applications utilizing signals
Deferred Loading Blocks
- Explaining deferred loading concepts to enhance application performance and user experience
- Introducing the @defer control block for lazy-loading content and dependencies
- Providing implementation examples for components, directives, pipes, animations, and styles
- Demonstrating integration with the view transitions API
View Transitions API
- Elaborating on the benefits of the view transitions API for customizing view animations
- Introducing the withViewTransitions directive for API utilization
- Providing examples of transition types including fade, slide, zoom, and flip
- Describing interaction between the view transitions API, Angular router, and browser history
Additional Features and Improvements
- Summarizing supplementary features and enhancements in Angular 17, including:
- Support for defining @Component.styles as a string
- Lazy-loadable animation code implementation
- Compatibility with TypeScript 5.2
- Stabilization of the core signal API
- Deprecation of Node.js v16; minimum required version is v18.13.0
- Esbuild as the default builder and Vite as the default development server
Requirements
- Proficiency in HTML, CSS, and JavaScript
- Experience with TypeScript and RxJS
- General web development experience
Intended Audience
- Developers aiming to utilize Angular 17 for creating dynamic and responsive web applications
- Developers seeking to transition skills from previous iterations of Angular
- Programmers interested in exploring the new features and enhancements of Angular 17 for government applications
Testimonials (2)
I mostly liked the training flow; she went through the topic, and at the end of the topic, she had well-defined practice sessions for us. She was able to guide us promptly with the issues we faced in the practice sessions.
Rabin Byanjankar - Lument
Course - Angular 17
It was very interactive and informative. The trainer was very patient with us when we didn't understand something and ensured no one was left behind throughout the training.
