Application Development and Programming

Advanced Angular 2

Code: ANG-JS-157

2 days

List Tuition : $1,595.00 USD

Course Overview

    Download PDF 

Advanced Angular 2 training teaches developers with some Angular experience how to take advantage of the framework’s more sophisticated features.

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

Developers with some Angular experience how to take advantage of the framework’s more sophisticated features.

All students will learn:

  • Unit Testing
  • Angular 1 to 2 Migration Strategies
  • Angular CLI
  • End-to-end Testing with Protractor
  • Advanced Custom Directives & Components
  • Model-driven Forms
  • Custom Pipes

Introduction
Custom Pipes

  • Custom Pipe Example
  • Using a Custom Pipe
  • Pure and Impure Pipes

Advanced Directives & Components

  • Access and update the DOM using ElementRef and Renderer
  • Respond to User Events using HostListener
  • Set properties on the host element using HostBinding
  • Content Projection/Transclusion
  • @ViewChild(ren), @ContentChild(ren)
  • ng-content

Unit Testing

  • Tools: Jasmine & Karma
  • Mocks, Stubs, Fakes, and Spies
  • Angular Testing
  • TestBed, ComponentFixture, and Debug Element
  • async, fakeAsync, tick, and inject
  • Your First JavaScript Test
  • Testing a Simple Component
  • Components with Inputs and Outputs
  • Component with Router
  • Component with Service
  • Testing a Service in Isolation
  • Mocking HTTP Calls
  • Testing Pipes

Model-driven Forms

  • Setup/Bootstrap
  • Model
  • Form Component
  • Metadata
  • Template

Angular 1 to 2 Migration Strategies

Preparation

  • Following The Angular Style Guide
  • Using a Module Loader
  • Migrating to TypeScript
  • Using Component Directives

Upgrading with The Upgrade Adapter

  • How The Upgrade Adapter Works
  • Bootstrapping Hybrid Angular 1+2 Applications
  • Using Angular 2 Components from Angular 1 Code
  • Using Angular 1 Component Directives from Angular 2 Code
  • Projecting Angular 1 Content into Angular 2 Components
  • Transcluding Angular 2 Content into Angular 1 Component Directives
  • Making Angular 1 Dependencies Injectable to Angular 2
  • Making Angular 2 Dependencies Injectable to Angular 1

Angular CLI

  • Installation
  • Usage
  • Generating a New Project
  • Generating Components, Directives, Pipes and Services
  • Generating a Route
  • Creating a Build
  • Build Targets and Environment Files
  • Bundling

End-to-end Testing with Protractor

  • Setup
  • Demo

Conclusion

All attendees must have strong prior JavaScript experience and experience with Angular equivalent to our Introduction to Angular 2 class. Prior Angular 1 experience does not qualify due to major changes made in Angular 2.

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

Schedule



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.