Angular 7 Training Course

Course Code



28 hours (usually 4 days including breaks)


  • Familiarity with basic HTML, CSS, and JavaScript


  • Developers


Angular is a JavaScript framework for building web applications. Angular 7 is the latest version in the Angular 2 series (Angular 2 being a complete rewrite of the original AngularJS, or Angular 1). Angular 7 is a major release spanning the entire platform and has many new features and optimizations, including CLI updates and better performance.

In this instructor-led, live training (onsite or remote), participants will learn how to create, test and deploy an Angular application using the latest features in Angular 7. 

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

  • Develop Angular 7 applications using Angular CLI.
  • Create web components that can be used in any HTML page.
  • Consume REST web services and WebSocket data from within an Angular 7 application.
  • Implement animations using Angular 7's latest animation features.
  • Test, debug and deploy an Angular 7 application.
  • Organize Angular 7 projects using best practices.

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.
  • To learn more about Angular, please visit:

Course Outline


  • What's new in Angular 7?

Overview of Typescript and ES6 JavaScript

  • TypeScript Syntax
  • Using the TypeScript transpiler
  • Setting up Angular 7 and Typescript

Overview of Angular 7's Parts

  • Angular CLI
  • Components
  • Directives
  • Inputs and Outputs
  • Data Binding and Interpolation
  • Event Binding
  • Data Modelling
  • Bootstrapping

Creating Your First Angular Application

  • Planning the Application
  • Setting Up an Angular Project
  • Using Bootstrap 4 and Sass

Creating a Component

  • Understanding the Component Lifecycle
  • Data Flow
  • Using Templates and Styles
  • Projecting Content
  • Working with AppModule
  • Working with Custom Components
  • Using View Encapsulation
  • Implementing Lifecycle Hooks
  • Using ViewChildren and ContentChildren

Data Binding in Angular 7

  • Understanding Property and Event Binding
  • Binding and Assigning Aliases to Custom Properties
  • Binding and Assigning Aliases to Custom Events

Working with Directives

  • Built-in Directives
  • Custom Directives

Angular 7 Services

  • Creating a Logging Service
  • Creating a Data Service

Using Dependency Injection and Providers

  • Injectors, Provider, and Tokens
  • Configuring Dependency Injection
  • Configuring Your Provider
  • Injecting Services into Components, Directives, and Services

Switching Pages with Routing

  • Understanding the Different Navigation Methods
  • Routing Strategies
  • Setting Up Routes
  • Configuring and Loading Routes
  • Using Parameters in Routes
  • Creating Nested Routes
  • Using Redirect and Wildcard Routes
  • Understanding Route Guards

Using RxJS to Create and Work with Observables in Angular

  • Overview of Observables
  • Overview of RxJS
  • Building & Using Observables in Angular

Generating Forms for User Input

  • Using the Template Driven Forms
  • Using the Reactive Forms

Using Pipes

  • Built-in Pipes
  • Async Pipe
  • Custom Pipes

Making Calls to External HTTP APIs

Using Angular Modules

Testing the Angular 7 Application

  • Using Jasmine for unit testing

Debugging the Application

  • Understanding Error Messages in Angular
  • Using Sourcemaps to Debug Code in the Browser
  • Using Augury

Optimizing the Angular 7 Application

Angular 7 Security

  • Authentication
  • What should and shouldn't be written in Angular

Deploying an Angular 7 Application to Production

  • Deploying to IIS, Apache, Nginx, etc.


Closing Remarks



Related Categories

Related Courses

Course Discounts

Course Discounts Newsletter

We respect the privacy of your email address. We will not pass on or sell your address to others.
You can always change your preferences or unsubscribe completely.

Some of our clients

This site in other countries/regions