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
- What is Angular?
- Comparison of Angular, React, and Vue.
- Overview of Angular 17 features and architecture.
- Setting up the Development Environment.
Getting Started
- Creating a new Angular 17 project via Angular CLI.
- Exploring project structure and files.
- Running and serving the application.
- Displaying data using interpolation and expressions.
Components
- Understanding the role of components in Angular 17.
- Creating and utilizing components.
- Passing data between components using inputs and outputs.
- Implementing component lifecycle hooks.
Directives
- Understanding the distinction between structural and attribute directives.
- Creating and using built-in directives such as ngIf, ngFor, and ngSwitch.
- Creating and using custom directives.
Pipes
- Understanding the purpose of pipes in Angular 17.
- Creating and using built-in pipes such as date, currency, and json.
- Creating and using custom pipes.
Services
- Understanding the role of services in Angular 17.
- Creating and using services.
- Injecting dependencies via providers.
Modules
- Understanding the role of modules in Angular 17.
- Creating and using modules.
- Importing and exporting modules.
Data Binding
- Understanding the difference between one-way and two-way data binding.
- Creating and using property binding, event binding, and two-way binding syntax.
- Using template reference variables.
Routing
- Understanding the role of routing in Angular 17.
- Creating and configuring routes.
- Navigating between routes using routerLink and router.navigate().
- Utilizing route parameters, query parameters, and fragments.
Forms
- Understanding the difference between template-driven and reactive forms.
- Creating and validating forms using form controls, form groups, and form arrays.
- Using built-in validators such as required, minLength, and maxLength.
- Creating and using custom validators.
HTTP Client
- Understanding the role of the HTTP client in Angular 17.
- Creating and using HTTP requests to communicate with backend services.
- Handling asynchronous data streams using observables.
- Modifying or handling HTTP requests and responses using interceptors.
New, Declarative Control Flow
- Explaining the new template control block syntax and its ability to simplify tasks like conditional rendering, looping, and handling empty collections.
- Providing examples of using new blocks such as @if, @else, @switch, @case, @default, @for, and @empty.
- Comparing the new syntax with previous versions, such as *ngIf, *ngSwitch, and *ngFor.
- Highlighting how the new control blocks support zoneless applications with signals.
Deferred Loading Blocks
- Explaining the concept of deferred loading and its impact on application performance and user experience.
- Introducing the new @defer control block for lazy-loading block content and dependencies.
- Providing examples of using @defer blocks for loading components, directives, pipes, animations, and styles.
- Discussing how the @defer block integrates with the new View Transitions API.
View Transitions API
- Explaining the purpose and benefits of the View Transitions API for customizing animations and transitions between views.
- Introducing the withViewTransitions directive for enabling the View Transitions API.
- Providing examples of using withViewTransitions with transition types such as fade, slide, zoom, and flip.
- Discussing how the View Transitions API works with the Angular router and browser history.
Other Features and Improvements
- Summarizing additional Angular 17 features and improvements, including:
- Support for passing @Component.styles as a string.
- Lazy-loadable animations code.
- TypeScript 5.2 support.
- Stabilization of the core signal API.
- Removal of Node.js v16 support with v18.13.0 becoming the minimum version.
- Esbuild as the default builder and Vite as the default dev server.
Summary and Next Steps
Requirements
- Familiarity with HTML, CSS, and JavaScript.
- Experience with TypeScript and RxJS.
- Background in web development.
Audience
- Developers aiming to utilize Angular 17 for creating dynamic and responsive web applications.
- Developers looking to upgrade their skills from earlier Angular versions.
- Programmers interested in exploring Angular 17's new features and improvements.
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.
