Test-Driven Angular 2 Development

Code: ANG-JS-159

5 days

List Tuition : $3,495.00 USD

Course Overview

    Download PDF 

Test-Driven Angular 2 Development training course teaches attendees how to build and test a complete Angular 2 application using test-driven development (TDD) techniques.

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

Student looking to build and test a complete Angular 2 application using test-driven development (TDD) techniques.

  • Introduction
    • What is Angular 2, and what problem does it solve?
    • Development Environment
  • Hello World
    • Build a Simple Hello World Application
    • Explore Hello World Architectural Concepts
    • Overview of Eight Building Blocks of Angular 2
  • Test Driven Development
    • Assertions
    • JS Exception Handling
    • Jasmine overview
    • TDD vs. BDD
    • Automated Cross-Browser Testing
  • ES2015 Modules
    • Dividing up an Application (will be covered as each building block of Angular 2 is learned)
    • Export/Import Syntax
    • Library Modules
  • Angular 2 Modules
    • Role of a Module
    • Creating an AppModule
    • Creating an AppComponent
    • Bootstrapping an Application
    • Setup Modules for Testing
  • Components & Templates
    • What is a Component?
    • What is a Template?
    • Coding Components
    • Registering with Angular 2 Modules
    • Using Templates
    • Unit Testing Components
  • Data Binding
    • What is one-time, one way, and two data binding?
    • Common coding patterns for data binding.
    • How Angular 2 performs data binding.
  • Directives
    • What are Directives?
    • Components - Views
    • Structural – Adding/Removing/Modifying DOM Elements
    • Attribute – Changing the Appearance or Behavior of a DOM Elements
  • Pipes
    • Using Pipes: Date, Currency, Json, UpperCase, LowerCase, etc…
    • Custom Pipes
    • Stateful Pipes
    • Async Pipes
    • Registering Pipes with Angular 2 Modules
    • Unit Testing Custom Pipes
  • Routing
    • What problem does Routing solve?
    • Using the Router Module
    • Common patterns for implementing client-side routing.
    • Configuring Route Definitions
    • Adding Routing to an Application
    • RouterLink & RouterOutlet Directives
    • Unit Testing Routing
  • Forms
    • Benefits of Angular 2 Forms
    • Using the Forms Module
    • Working with Common HTML Form Elements
    • Data Binding with ngModel
    • Tracking Control State and Validity with ngControl
    • Using ngForm and ngSubmit
    • Using CSS and Control Object Model to Display Validation Messages
    • Unit Testing Forms
  • Services
    • What problem do Services solve?
    • Dependency Injection
    • Registering Services with Modules
    • Injectable Classes
    • Using the Http Class to connect to a REST Service
    • Practical Applications of Injectable Classes
    • Hierarchical Injectors
    • Unit Testing Services
  • Component Lifecycle
    • What is the Component Lifecycle?
    • Two Phases of Angular Applications
    • Examine each stage of the Lifecycle
    • Compiling and the Dynamic Component Loader
  • Custom Attribute Directives
    • Purpose of Attribute Directives
    • Registering Custom Directives with Modules
    • Using the Renderer
    • Creating Attribute Directives
    • Unit Testing Custom Attribute Directives
  • Custom Structural Directives
    • Purpose of Structural Directives
    • Difference between display none, and removing elements.
    • Purpose of the asterisk and the template tag when using structural directives.
    • Creating Structural Directives
    • Unit Testing Custom Structural Directives
  • Conclusion
    • Review application built in class with Angular 2 Building Blocks
    • Review Eight Building Blocks of Angular 2
    • Review the purpose of each Angular 2 building block
    • Review when and how to build custom building blocks
  • 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.

    All students will:

    • Understand the front-end web development problem that Angular 2 solves
    • Explore development environment for Angular 2 applications
    • Learn the eight building blocks of an Angular 2 application
    • Build a complete Angular 2 application (a completed version of the application is available for review before class)
    • Develop custom building blocks for an Angular 2 application
    • Code Angular 2 applications using test-driven development techniques

    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.