Our Angular Training Course is intended for front-end developers who are familiar with Javascript and want to master Angular to move a gear up. Angular is the leading framework for building dynamic JavaScript applications that take advantage of the capabilities of modern browsers and devices. The course is updated for Angular 6 .



Object – Orientation as taught in Beginner Java / Beginner Python

Further training


MEAN Stack

Flutter / Dart

Intended Audience

This course is for developers with basic familiarity with HTML, CSS, Javascript and object-oriented programming like Java Beginner, Python Beginner, C# Beginner. No TypeScript or AngularJS experience needed. Developers who found that JavaScript alone is inadequate to develop a rich, fully-fledged front-end. Our Angular Training Course starts with the MVC pattern and the many benefits that can be gained from separating your logic and presentation code. We then start from the nuts-and-bolts and building up to the most advanced and sophisticated features in Angular, going in-depth.

After this course

You should be able to :

  • Develop a state-of-the-art web app connecting to a Firebase back-end or any REST-based API  back-end like Java, .NET, PHP or Python.
  • Become a front-end (Angular) developer



  • What is Angular?
  • Overview of Angular Apps
    • Modules
    • Components
    • Services
    • Directives
  • Setting Up
    • Installing Node
    • Installing TypeScript
    • Installing Typings
    • Installing Angular CLI
    • TypeScript Editor
    • Chrome Browser
  • Creating a New Project with Angular CLI
    • Project File Review
  • Editing Our First Angular Component

Creating and Using Components

  • Creating Our First Component
  • Using Our Created Component
    • app.module.ts
  • Component Templates
    • Displaying a line with *ngFor
  • Services
  • Dependency Injection
    • providers


  • Property Binding
  • CSS Class Binding
  • Binding to User Input Events
  • Example Application


Working with Components

  • Input Properties
  • Styles
  • Example Application

Conditional Rendering, Pipes and Ng-Content

  • ngIf
    • ngIfElse
  • ngSwitch
  • Pipes
  • Custom Pipes
  • ng-content
    • Multiple Insertion Points

Template Driven Forms

  • Create the User Model Class
  • Revising app.module.ts
  • Creating an initial HTML Form Template
  • Using *ngFor to Display Options
  • Two-way data binding with ngModel
    • Show and Hide Validation Error messages
  • Showing Specific Validation Errors
  • Submit the form with ngSubmit
  • Getting Submitted Values


Model Driven Forms

  • Building a Basic Login Form
  • Creating Controls Explicitly
    • Implementing Validation
    • Submitting the Form
    • app.component.ts
  • Using Formbuilder
  • Implementing Custom Validation
    • login.component.ts
    • login.component.html
  • Validating Upon Form Submit
    • login.component.html

Introduction To Observables

  • Obervables
  • Creating an Observable from DOM events
  • Observable Operators
    • filter operator
    • debounceTime Operator
    • distinctUntilChanged Operator

Getting Data From RESTful APIs with Observables

  • GitHubRESTful API
  • Getting Data
  • Dependency Injection
  • ngOnInit
  • Showing a Loader Icon
  • Implementing a GitHub Results Display page



  • Enabling Routing
  • Setting Up Our Routes
  • Router Outlet and Links
    • Router Outlet
    • Router Links
    • Adding a new Router Link
  • Route Parameters
    • Specifying Route Parameters
    • Retrieving Route Parameters
  • Imperative Navigation
  • Route Guards
    • RouteGuard CanActivate
    • RouteGuard CanDeactivate
    • app.routing.ts
    • AppModule

Structuring Large Apps With Modules

  • NgModule
  • Restructuring
  • Restructuring GitHubModule
  • Restructuring LoginModule
  • Restructuring AppModule
    • app.module.ts
  • Restructuring Routes
    • app.routing.ts
    • app.module.ts


C.R.U.D. with Firebase

  • About Firebase
  • Using Firebase
  • Adding Firebase to our Angular App
    • app.module.ts
    • app.component.ts
  • Working with a Firebase Database
  • Displaying List of Users
  • Adding a user
  • AngularFirestore Add
    • dirty tracking
  • Retrieving a Single User and Deletion
  • Deleting a User
  • Populating the Form on Edit
  • Updating a user
  • Working with multiple user signup and authentication

Own Project


Duration and pricing

In Pricing Group A


Read about our certificates here.


You can download the course registration form on our home page or by clicking here

You may download a pdf copy of this page by clicking on the pdf icon at the top of the page.

Please email us

On the calendar below. If your browser doesn’t display the calendar below, please click on this link or try using Google Chrome, alternatively please enquire via our Contact Us page.