Angular 15

• Basic understanding of HTML, CSS, and JavaScript

Audience

• Developers
• Programmers

Angular is a popular JavaScript framework for building web applications. 

This instructor-led, live training (online or onsite) is aimed at developers and programmers who wish to use the latest features of Angular 15 to build, test, and deploy web applications.

By the end of this training, participants will be able to:

• 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.

Format of the Course

• Interactive lecture and discussion.
• Lots of exercises and practice.
• Hands-on implementation in a live-lab environment.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

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

Summary and Next Steps