Duration: 4 days – 28 hrs.
Overview
The Angular 15 Training Course is designed to provide participants with a comprehensive understanding of Angular and its latest version, Angular 15. This training course covers advanced concepts, best practices, and the newest features introduced in Angular 15. Participants will learn how to leverage the latest capabilities of Angular to develop high-performance, scalable, and interactive web applications. Through hands-on exercises and real-world projects, participants will gain practical experience in building Angular 15 applications.
Objectives
- Understand the new features and enhancements introduced in Angular 15.
- Utilize Angular CLI and the latest development tools for efficient project setup and management.
- Build complex components and leverage Angular’s powerful directives and services.
- Implement advanced data binding techniques and manage data flow effectively.
- Optimize application performance using Angular’s latest performance improvement features.
- Work with advanced routing and navigation capabilities in Angular 15.
- Implement forms and validation using the latest Angular form APIs.
- Explore Angular’s latest tooling and ecosystem updates for streamlined development.
- Install and configure Angular 15.
- Develop applications using Angular 15’s component-based architecture.
- Leverage Angular 15’s built-in directives, services, and pipes.
- Communicate with a RESTful API using Angular 15’s HttpClient module.
- Implement authentication and authorization in Angular 15 applications.
- Test and debug Angular 15 applications.
- Understand the new features of Angular 15 such as Image Directive, CDK List for Building UI Components, Boilerplate Reduction in Guards, and Improvements in esbuild for Faster Builds.
Audience
- Web Developers
- Web Application Professionals
- Programmers
Pre- requisites
- Participants should have prior experience with web development using HTML, CSS, and JavaScript. Familiarity with Angular concepts and previous versions will be beneficial but not required.
Course Content
Introduction
Overview of Angular and its features
Understanding the Angular framework and architecture
What’s new in Angular 15?
Setting up the development environment
Installing and configuring Angular 15
Using the stable standalone APIs that allow Angular developers to build apps without the Ng Modules
Understanding the enhanced performance
Fundamentals of TypeScript
Understanding the TypeScript syntax
Defining variables and arrays
Type in functions
Components
Anatomy of an Angular component
Creating and using components
Communicating between components
Implementing component lifecycle hooks
Using CDK List for building UI components
Directives
Anatomy of an Angular directive
Creating and using directives
Building custom directives
Using the directive composition API
Using the Image Directive in Angular applications and carrying out the automatic srcset generation in the Image Directive
Services and Dependency Injection
Anatomy of an Angular service
Creating and using services
Using Dependency Injection to manage services
Pipes
Anatomy of an Angular pipe
Creating and using pipes
Building custom pipes
Forms
Building and validating forms using Angular’s FormBuilder
Implementing reactive forms
Using template-driven forms
HttpClient
Communicating with a RESTful API using Angular’s HttpClient module
Implementing GET, POST, PUT, and DELETE requests
Handling errors and progress events
Authentication and Authorization
Implementing authentication and authorization in Angular applications
Using JSON Web Tokens (JWT) for authentication
Protecting routes with guards
Reducing boilerplate code in guards
Testing and Debugging
Writing unit tests using Jasmine and Karma
Testing Angular components, directives, services, and pipes
Debugging Angular applications using the browser’s DevTools
Learning about the improvements in esbuild for faster builds
