Angular 14

• 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 14 to build, test, and deploy web applications.

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

• Install and configure Angular 14.
• Develop applications using Angular 14's component-based architecture.
• Leverage Angular 14's built-in directives, services, and pipes.
• Communicate with a RESTful API using Angular 14's HttpClient module.
• Implement authentication and authorization in Angular 14 applications.
• Test and debug Angular 14 applications.

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 benefits of using Angular
• Understanding the Angular framework and architecture
• What’s new in Angular 14?
• Setting up the development environment

Fundamentals of TypeScript

• Understanding the TypeScript syntax
• Defining variables, arrays, interfaces, and generics
• Type in functions

Components

• Anatomy of an Angular component
• Creating and using components
• Communicating between components
• Implementing component lifecycle hooks

Directives

• Anatomy of an Angular directive
• Creating and using directives
• Building custom directives

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 template-driven forms using Angular's FormBuilder
• Building and validating reactive forms using Angular's ReactiveFormsModule
• Comparing and contrasting template-driven and reactive 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

Testing and Debugging

• Setting up a testing environment for Angular using Karma and Jasmine
• Writing unit tests for Angular components, directives, services, and pipes
• Debugging Angular applications using the browser's DevTools

Summary and Next Steps