Angular13 Training Course


Angular is a framework for JavaScript used for developing web applications.

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

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

  • Use TypeScript and Angular CLI to develop Angular 13 applications.
  • Develop, test, and deploy Angular 13 web applications.
  • Create web components that can be used for any web application or page.

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.


  • Basic understanding of HTML, CSS, and JavaScript


  • Developers
  • Programmers

Course Outline


  • Overview of Angular
  • Understanding the Angular framework and architecture
  • Understanding the anatomy of an Angular application
  • What’s new in Angular 13?

Fundamentals of TypeScript

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

Building Components

  • Overview of components
  • Creating a component using Angular CLI
  • Understanding the component class
  • Using a component template
  • Event Binding

Working with Angular Forms

  • Introduction to forms
  • Using template-driven forms
  • Importing forms module
  • Setting up a form
  • Overview of reactive forms
  • Importing reactive forms module
  • Constructing a form
  • Designing the template

Services, Dependency Injection, and Pipes

  • Overview of service
  • Creating a basic service
  • Understanding service class
  • Introduction to dependency injection
  • Injecting a service instance
  • Introduction to pipes
  • Using built-in pipes
  • Using pipes in HTML template
  • Chaining pipes

Working with HTTP Client

  • Angular HTTP client
  • Using the HHTP client
  • Importing HTTP client module
  • HTTP client request options
  • Returning an HTTP response object
  • Setting request headers
  • Creating a new and simple observable

Angular Component Router

  • Introduction to the Angular component router
  • Navigating view
  • Using the Angular router API
  • Creating a router-enabled application
  • Hosting router components

Implementing Micro-Frontend Architecture with Angular

  • Overview of micro-frontend
  • Advantages and features of micro-frontend
  • Understanding the different approaches to micro-frontend
  • Understanding the micro-frontend framework
  • Creating micro-frontend projects with Angular

Testing angular Applications

  • Unit testing Angular artifacts
  • Using testing tools
  • Testing steps

Summary and Next Steps

Leave a Reply

Your email address will not be published. Required fields are marked *