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
- Overview of Angular
- Comparison: Angular vs React vs Vue
- Insight into Angular 17 features and architecture
- Configuring the Development Environment
Getting Started
- Initiating a new Angular 17 project via Angular CLI
- Examining the project structure and key files
- Building and serving the application
- Rendering data using interpolation and expressions
Components
- The function of components within Angular 17
- Building and utilizing components
- Data exchange between components via inputs and outputs
- Applying component lifecycle hooks
Directives
- Distinguishing between structural and attribute directives
- Using built-in directives like ngIf, ngFor, and ngSwitch
- Developing and implementing custom directives
Pipes
- The role of pipes in Angular 17
- Applying built-in pipes such as date, currency, and json
- Creating and using custom pipes
Services
- The purpose of services in Angular 17
- Creation and usage of services
- Dependency injection via providers
Modules
- The role of modules in Angular 17
- Building and employing modules
- Importing and exporting modules
Data Binding
- Differences between one-way and two-way data binding
- Implementing property binding, event binding, and the banana-in-a-box syntax
- Utilizing template reference variables
Routing
- The function of routing in Angular 17
- Defining and setting up routes
- Navigation via routerLink and router.navigate()
- Managing route parameters, query parameters, and fragments
Forms
- Contrasting template-driven and reactive forms
- Building and validating forms with form controls, groups, and arrays
- Applying built-in validators like required, minLength, and maxLength
- Developing custom validators
HTTP Client
- The role of the HTTP client in Angular 17
- Creating HTTP requests for backend communication
- Handling asynchronous data streams with observables
- Using interceptors to manage or modify HTTP requests and responses
Declarative Control Flow
- Overview of the new template control block syntax and its simplification of conditional rendering, looping, and empty collection handling
- Demonstrations using @if, @else, @switch, @case, @default, @for, and @empty
- Comparison with legacy syntax such as *ngIf, *ngSwitch, and *ngFor
- Discussion on support for zoneless applications with signals
Deferred Loading Blocks
- Concept of deferred loading and its impact on performance and user experience
- Introduction to the @defer control block for lazy-loading content and dependencies
- Practical examples of @defer for components, directives, pipes, animations, and styles
- Integration of @defer with the view transitions API
View Transitions API
- Purpose and advantages of the view transitions API for customizing view animations
- Introduction to the withViewTransitions directive
- Examples using withViewTransitions for fade, slide, zoom, and flip transitions
- Interaction between the view transitions API, the Angular router, and browser history
Additional Features and Enhancements
- Summary of other notable Angular 17 improvements, including:
- Ability to pass @Component.styles as a string
- Lazy-loadable support for Angular's animation code
- TypeScript 5.2 compatibility
- Stabilization of the core signal API
- Removal of Node.js v16 support, with v18.13.0 as the minimum requirement
- Esbuild as the default builder and Vite as the default dev server
Requirements
- Foundational knowledge of HTML, CSS, and JavaScript
- Familiarity with TypeScript and RxJS
- Prior experience in web development
Target Audience
- Developers seeking to master Angular 17 for creating dynamic and responsive web applications
- Developers looking to enhance their skills by transitioning from earlier versions of Angular
- Programmers interested in exploring the advanced features and improvements introduced in Angular 17
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.
