Advanced Angular 4

Code: ANG-JS-172

2 days

List Tuition : $1,595.00 USD

Course Overview

    Download PDF 

Angular is a powerful client-side JavaScript framework from Google that supports simple, maintainable, responsive, and modular applications. It uses modern web platform capabilities including ES6 to deliver app-like experiences with zero-step installation. Applications are architected by combining modular, reusable UI web components. Angular facilitates productivity with automatic data binding via a simple and powerful template syntax as well as rich tooling support in numerous IDEs (including autocomplete, navigation and refactoring). The ability to extend HTML to include custom tags with behavior for application building is a powerful idea and among the many reasons that Angular is so widely used. Angular has become a platform that allows for one code base across web apps, native mobile apps and desktop apps. Angular training teaches developers how to use the newest version of Angular to facilitate development of app-like experiences with zero-step installation.

Most courses are delivered as private, customized, on-site training at our clients' locations worldwide for groups of 3 or more attendees and are custom tailored to their specific needs. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote for private training at your site or online, please contact us.

View our Angular page for details on All Angular Trainings


This course is designed for experienced web developers.

  • Advanced Directives and Components
  • Unit Testing
  • Custom Pipes
  • Model-Driven Forms
  • Angular Migration Strategies
  • Preparation
  • Angular CLI
  • End-to-End Testing with Protractor

I. Advanced Directives and Components

A. Access and update the DOM using ElementRef and Renderer

B. Respond to User Events using HostListener

C. Set properties on the host element using HostBinding

D. Content Projection/Transclusion

1. @ViewChild(ren), @ContentChild(ren)

2. ng-content

II. Unit Testing

A. Tools: Jasmine & Karma

B. Mocks, Stubs, Fakes, and Spies

C. Angular Testing

D. TestBed, ComponentFixture, and Debug Element

E. async, fakeAsync, tick, and inject

F. Your First JavaScript Test

G. Testing a Simple Component

H. Detecting Changes

I. Using External Templates

J. Components with Inputs and Outputs

K. Component with Router

L. Component with Service

M. Testing a Service in Isolation

N. Mocking HTTP Calls

O. Testing Pipes

III. Custom Pipes

A. Custom Pipe Example

B. Using a Custom Pipe

1. In Templates

2. In Code

C. Pure and Impure Pipes

IV. Model-Driven Forms

A. Setup/Bootstrap

B. Model

C. Form Component

D. Metadata

E. Template

V. AngularJS to Angular Migration Strategies

A. Overview

B. Adding TypeScript to an Angular Project

C.Add Angular (Angular 2+) and Module Loader

D.Using TypeScript in an AngularJS Project

E. AngularJS and Angular in the same Project

F. Upgrading Services

G. Controllers to Components

H.Filters to Pipes

I. Upgrade Router

J. Removing AngularJS from the Project

VI. Angular CLI

A. Installation

B. Usage

C. Generating a New Project

D. Generating Components, Directives, Pipes and Services

E. Generating a Route

F. Creating a Build

G. Build Targets and Environment Files

H. Bundling

VII. End-to-End Testing with Protractor

A. Setup

B. Demo

Before taking this course, students should have the following skills:

  • Prior experience developing with JavaScript.
  • Experience with Angular equivalent to Introduction to Angular class.

Request a Discounted Quote

Bring Training to You

Request schedule for this course

Request a Quote for this Class

We provide government and government contractor discounts, please request a quote


total option: 0

Hotel and Travel can be included on your quote.
For immediate response, you can call 1-855-515-2170 or we will provide a quote within 4 business hours. Travel must be booked 14 days before training for rate to apply.

Learn How to Become a Managed Learning Member

Request a Quote

Thank you for requesting a quote, we will be in touch shortly with a quote. If you need immediate assistance, please call 855-515-2170.

Request Other Date

Request date or location you need

Don’t see the date or location you need? Contact us and let us know, we are adding dates and locations daily.