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.
Course Outline
Introduction
- Definition of the Angular framework
- Comparative analysis of Angular, React, and Vue environments
- Survey of Angular 17 capabilities and architectural design
- Configuration of the development workstation for government applications
Getting Started
- Establishment of a new Angular 17 project via Angular CLI
- Examination of project directory structure and configuration files
- Deployment and local execution of the application
- Data presentation through interpolation and template expressions
Components
- Role of components within the Angular 17 framework
- Procedures for creating and implementing components
- Data exchange between components using input and output properties
- Implementation of component lifecycle hooks
Directives
- Differentiation between structural and attribute directives
- Utilization of built-in directives, including ngIf, ngFor, and ngSwitch
- Development and implementation of custom directives
Pipes
- Function of pipes in Angular 17 data transformation
- Application of standard pipes such as date, currency, and json
- Development and integration of custom pipes
Services
- Role of services in Angular 17 architecture
- Creation and implementation of service layers
- Dependency injection via providers
Modules
- Function of modules in Angular 17 organization
- Creation and configuration of modules
- Importing and exporting module dependencies
Data Binding
- Distinction between one-way and two-way data binding mechanisms
- Implementation of property binding, event binding, and two-way syntax
- Utilization of template reference variables
Routing
- Role of routing in Angular 17 navigation
- Configuration and definition of route paths
- Navigational strategies using routerLink and router.navigate()
- Handling route parameters, query parameters, and URL fragments
Forms
- Difference between template-driven and reactive forms approaches
- Creation and validation of forms using form controls, form groups, and form arrays
- Application of standard validators such as required, minLength, and maxLength
- Development of custom validation logic
HTTP Client
- Role of the HTTP client in Angular 17 communication
- Execution of HTTP requests to interface with backend systems for government use
- Management of asynchronous data streams using observables
- Modification and handling of HTTP requests or responses via interceptors
New, Declarative Control Flow
- Description of the new template control block syntax and its role in simplifying conditional rendering, iteration, and empty collection handling
- Examples of new control blocks, including @if, @else, @switch, @case, @default, @for, and @empty
- Comparison of new syntax against previous implementations such as *ngIf, *ngSwitch, and *ngFor
- Support for zoneless applications utilizing signals
Deferred Loading Blocks
- Explanation of deferred loading principles to enhance application performance and user experience
- Introduction of the @defer control block for lazy-loading content and dependencies
- Examples of @defer usage for components, directives, pipes, animations, and styles
- Integration with the view transitions API
View Transitions API
- Purpose and benefits of the view transitions API for customizing view animations
- Implementation of the withViewTransitions directive
- Examples of transition types including fade, slide, zoom, and flip
- Integration with Angular router and browser history management
Other Features and Improvements
- Summary of additional Angular 17 enhancements, including:
- Support for @Component.styles as string inputs
- Lazy-loading capability for Angular animations code
- Compatibility with TypeScript 5.2
- Stable release of the core signal API
- Removal of Node.js v16 support; minimum version requirement updated to v18.13.0
- Adoption of Esbuild as the default builder and Vite as the default development server
Summary and Next Steps
Requirements
- Familiarity with HTML, CSS, and JavaScript
- Proficiency in TypeScript and RxJS
- Background in web development
Target Audience
- Engineers seeking to leverage Angular 17 for government systems for government to build dynamic and responsive applications
- Developers aiming to advance their capabilities by migrating from earlier Angular releases
- Professionals interested in examining the latest enhancements and features of Angular 17
28 Hours
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.
