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
- Understanding what Angular is.
- Comparing Angular, React, and Vue.
- Overview of Angular 17's features and architecture.
- Setting up the development environment.
Getting Started
- Creating a new Angular 17 project with Angular CLI.
- Exploring project structure and key files.
- Running and serving the application.
- Displaying data using interpolation and expressions.
Components
- Grasping the role of components in Angular 17.
- Creating and utilizing components.
- Passing data between components via inputs and outputs.
- Utilizing component lifecycle hooks.
Directives
- Distinguishing between structural and attribute directives.
- Creating and using built-in directives like ngIf, ngFor, and ngSwitch.
- Developing and applying custom directives.
Pipes
- Understanding the purpose of pipes in Angular 17.
- Creating and using built-in pipes such as date, currency, and json.
- Developing and applying custom pipes.
Services
- Understanding the role of services in Angular 17.
- Creating and utilizing services.
- Injecting dependencies via providers.
Modules
- Understanding the role of modules in Angular 17.
- Creating and utilizing modules.
- Importing and exporting modules.
Data Binding
- Understanding one-way versus two-way data binding.
- Implementing property binding, event binding, and banana-in-a-box 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
- Differentiating 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 applying custom validators.
HTTP Client
- Understanding the role of the HTTP client in Angular 17.
- Creating and executing HTTP requests to communicate with backend services.
- Handling asynchronous data streams using observables.
- Modifying or handling HTTP requests and responses using interceptors.
Declarative Control Flow
- Explaining the new template control block syntax and how it simplifies tasks like conditional rendering, looping, and handling empty collections.
- Providing examples of new blocks such as @if, @else, @switch, @case, @default, @for, and @empty.
- Comparing the new syntax with previous versions (e.g., *ngIf, *ngSwitch, *ngFor).
- Highlighting support for zoneless applications with signals.
Deferred Loading Blocks
- Explaining the concept of deferred loading and its impact on performance and user experience.
- Introducing the @defer control block for lazy-loading block content and dependencies.
- Providing examples of using @defer for various scenarios, including components, directives, pipes, animations, and styles.
- Describing the integration of @defer with the 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 API.
- Providing examples of using withViewTransitions with transition types like fade, slide, zoom, and flip.
- Describing the interaction between the View Transitions API, the Angular router, and browser history.
Additional Features and Improvements
- Summary of other key features and improvements in Angular 17, including:
- Support for defining @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; minimum version is now v18.13.0.
- Esbuild as the default builder and Vite as the default dev server.
Summary and Next Steps
Requirements
- Foundational knowledge of HTML, CSS, and JavaScript.
- Practical experience with TypeScript and RxJS.
- Background in web development.
Audience
- Developers eager to master Angular 17 for creating dynamic and responsive web applications.
- Developers looking to upgrade their skills from earlier versions of Angular.
- Programmers interested in exploring the new features and improvements introduced in 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.
