Comprehensive Angular 2

Code: ANG-JS-158

5 days

List Tuition : $3,200.00 USD

Course Overview

    Download PDF 

Comprehensive Angular 2 training teaches students the basic and advanced skills they need to design, build, and test sophisticated single-page web applications that function well across all form factors, from phone to desktop.

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

Students looking to learn the basic and advanced skills they need to design, build, and test sophisticated single-page web applications that function well across all form factors, from phone to desktop.

  • Understand the Angular 2 architecture
  • Use npm as a Build Tool
  • Work with TypeScript and ES6/ES2015
  • Develop components
  • Use directives and work with data binding
  • Work with Service and Dependency Injection
  • Create and validate forms
  • Work with the Model-View-Controller (MVC)
  • Use HTTP, routing, and pipes
  • Set up a project
  • Use custom pipes and directives
  • Perform unit testing
  • Create model driven forms
  • Migrate to Angular 2
  • Use Angular CLI
  • Test with Protractor
  • Introduction
    • Why Angular?
    • Scope and Goal of Angular
    • Who Uses Angular?
    • Architecture (Big Picture/Concepts)
    • Browser Support
    • Overview of Setup/Installation
    • Our first Angular Application
  • npm QuickStart
    • Installing Dependencies
    • Using npm as a Build Tool
  • TypeScript and ES6/ES2015 Introduction
    • Understanding TypeScript and ES6/ES2015
    • How TypeScript Works
    • Why TypeScript?
    • Who’s Behind TypeScript?
    • Installing TypeScript
    • Configuring TypeScript
    • Compiling with TypeScript
    • JavaScript is valid TypeScript
    • ES2015
  • TypeScript
    • Type annotations
    • Interfaces
    • Decorators
    • Automatic Property Assignment
  • Components
    • What is a component?
    • Developing a simple component
    • Angular Modules
    • Bootstrapping
    • Nesting components
    • Templates
    • Models
  • Data Binding
    • What is Data Binding?
    • Data Binding in Angular
    • Types
  • Directives
    • What is a Directive?
    • Kinds of Directives
    • Structural Directives
    • Attribute Directives
  • Service and Dependency Injection
    • What is a Service?
    • Service Example
    • Dependency Injection Explained
    • Dependency Injection Example
    • Dependency Injection in Angular
    • Registering a Service
    • Injecting a Service
    • Application Wide Dependency Injection
    • @Injectable Classes
    • Multiple Service Instances
    • @Optional and @Host Decorators
    • Providers
  • Advanced Components
    • Lifecycle Hooks
    • Composing Your User Interface
    • Component Communication
    • Component Styles
  • Forms
    • Benefits of Angular Forms
    • New Forms API
    • Form Strategies
    • Form Directives: Template-driven
    • Getting Data from Form Controls
    • Binding to HTML Form Elements
  • Form Validation
    • Validation Directives
    • Tracking Change State of Form Controls
    • CSS Classes
    • Validation Messages
    • Validation Styles
  • Data Architectures
    • Model-View-Controller (MVC): Traditional Web Applications
    • Model-View-Whatever (MVW/MV*): Angular 1
    • New Architectures
    • Flexible Data Architecture in Angular
  • HTTP
    • Setup
    • Http in Services using Promises
    • Http in Components using Promises
    • Observables and Reactive Programming
    • Http in Services using Observables
    • Http in Components using Observables
    • Async Pipe
    • In-Memory Web API
    • Http Put
    • Http Delete
    • Cross-origin HTTP Requests
  • Routing
    • Component Router
    • Router Terminology
    • Router Setup
    • Location Strategies
    • Router Directives
    • Navigating
  • Pipes
    • What are Pipes?
    • Using Pipes
    • Built-in Pipes
    • Pipe Syntax
    • Chaining pipes
    • Changes from Angular 1 (deprecated pipes)
  • Project Setup
    • npm Dependencies
    • TypeScript configuration
    • SystemJS/Webpack configuration
    • App Component
    • Create an App Module
    • Entry Point (main.ts) and Bootstrapping
    • html
    • Build and run the app
    • Other (SASS, Bootstrap, SemanticUI, Material Design)
    • Using a seed or boilerplate
  • Custom Pipes
    • Custom Pipe Example
    • Using a Custom Pipe
    • Pure and Impure Pipes
  • Custom Directives
    • Access the DOM Element using the ElementRef
    • Respond to User Events using HostListener
    • Pass Values via Data Binding
  • Unit Testing
    • Jasmine Setup
    • Mocks, Stubs, and Spies
    • Services
    • Mocking HTTP Calls
    • Components
    • Routes
    • 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 substantial prior experience developing with JavaScript. If attendees will not have prior JavaScript experience, we would be delighted to precede this class with a one- or two-day intensive JavaScript primer.

    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.