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
- Overview of Angular for government applications
- Comparison of Angular, React, and Vue for government projects
- Detailed examination of Angular 17 features and architecture for government use
- Setting up the development environment for government projects
Getting Started
- Creating a new Angular 17 project using Angular CLI for government initiatives
- Exploring the project structure and files to align with public sector workflows
- Running and serving the application in a secure, government-compliant environment
- Displaying data using interpolation and expressions for enhanced transparency
Components
- Understanding the role of components in Angular 17 for government applications
- Creating and using components to ensure modular and reusable code
- Passing data between components using inputs and outputs for efficient data management
- Utilizing component lifecycle hooks to optimize performance and accountability
Directives
- Distinguishing between structural and attribute directives for government use cases
- Creating and using built-in directives such as ngIf, ngFor, ngSwitch, etc., to enhance user interfaces
- Developing custom directives to meet specific government requirements
Pipes
- Understanding the purpose of pipes in Angular 17 for data transformation in government applications
- Creating and using built-in pipes such as date, currency, json, etc., for standardized data presentation
- Developing custom pipes to address unique government data needs
Services
- Understanding the role of services in Angular 17 for government projects
- Creating and using services to manage shared data and functionality
- Injecting dependencies using providers to ensure modular and maintainable code
Modules
- Understanding the role of modules in Angular 17 for government applications
- Creating and using modules to organize and manage application components
- Importing and exporting modules to facilitate code reuse and scalability
Data Binding
- Differentiating between one-way and two-way data binding for government applications
- Creating and using property binding, event binding, and banana-in-a-box syntax for dynamic data handling
- Using template reference variables to enhance interactivity and user experience
Routing
- Understanding the role of routing in Angular 17 for government projects
- Creating and configuring routes to manage navigation within applications
- Navigating between routes using routerLink and router.navigate() for seamless user experiences
- Using route parameters, query parameters, and fragments for enhanced routing capabilities
Forms
- Differentiating between template-driven and reactive forms for government applications
- Creating and validating forms using form controls, form groups, form arrays, etc., to ensure data integrity
- Using built-in validators such as required, minLength, maxLength, etc., for robust validation
- Developing custom validators to meet specific government requirements
HTTP Client
- Understanding the role of HTTP client in Angular 17 for government applications
- Creating and using HTTP requests to communicate with backend services securely
- Using observables to handle asynchronous data streams efficiently
- Using interceptors to modify or handle HTTP requests or responses for enhanced security and performance
New, Declarative Control Flow
- Explaining the new template control block syntax and its benefits for simplifying common tasks in government applications, such as conditional rendering, looping, and handling empty collections
- Giving examples of using the new blocks, such as @if, @else, @switch, @case, @default, @for, and @empty, to improve code readability and maintainability
- Comparing the new syntax with previous versions, such as *ngIf, *ngSwitch, and *ngFor, for government developers
- Mentioning how the new control blocks support zoneless applications with signals for enhanced performance
Deferred Loading Blocks
- Explaining the concept of deferred loading and its impact on improving the performance and user experience of web applications for government use
- Introducing the new @defer control block that enables lazy-loading of content and dependencies to optimize resource usage
- Giving examples of using the @defer block for various scenarios, such as loading components, directives, pipes, animations, and styles, in government applications
- Mentioning how the @defer block works with the new view transitions API to enhance user experience
View Transitions API
- Explaining the purpose and benefits of the view transitions API for customizing animations and transitions between views in government applications
- Introducing the new withViewTransitions directive that enables the use of the view transitions API for smoother user interactions
- Giving examples of using the withViewTransitions directive with different transition types, such as fade, slide, zoom, and flip, to enhance visual feedback
- Mentioning how the view transitions API works with the Angular router and browser history for consistent navigation experiences
Other Features and Improvements
- Briefly summarizing other features and improvements that Angular 17 offers for government applications, such as:
- Support for passing in @Component.styles as a string for more flexible styling options
- Lazy-loading of Angular's animations code to optimize performance
- TypeScript 5.2 support for enhanced type safety and development efficiency
- The core signal API is now stable for reliable state management
- Node.js v16 support has been removed, with the minimum supported version now being v18.13.0, ensuring up-to-date security practices
- Esbuild will be the default builder, and the default dev server will use Vite for faster build and development processes
Summary and Next Steps
Requirements
- An understanding of HTML, CSS, and JavaScript
- Experience with TypeScript and RxJS
- Web development experience
Audience
- Developers who wish to learn how to use Angular 17 to create dynamic and responsive web applications for government
- Developers seeking to upgrade their skills from previous versions of Angular
- Programmers interested in exploring the new features and improvements 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.
