Test-Driven Angular 2 Development
Accelebrate's Test-Driven Angular Development course teaches attendees how to build and test a complete Angular 2 application using test-driven development (TDD) techniques.
Location and Pricing
Most Accelebrate 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. Please visit our client list to see organizations for whom we have delivered private in-house training. 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.
In addition, some courses are available as live, online classes for individuals. See a schedule of online courses.
Angular 2 Development Training Objectives
All students will:
Angular 2 Development Training Outline
What is Angular 2, and what problem does it solve?
Build a Simple Hello World Application
Explore Hello World Architectural Concepts
Overview of Eight Building Blocks of Angular 2
Test Driven Development
JS Exception Handling
TDD vs. BDD
Automated Cross-Browser Testing
Dividing up an Application (will be covered as each building block of Angular 2 is learned)
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?
Registering with Angular 2 Modules
Unit Testing Components
What is one-time, one way, and two data binding?
Common coding patterns for data binding.
How Angular 2 performs data binding.
What are Directives?
Components - Views
Structural – Adding/Removing/Modifying DOM Elements
Attribute – Changing the Appearance or Behavior of a DOM Elements
Using Pipes: Date, Currency, Json, UpperCase, LowerCase, etc…
Registering Pipes with Angular 2 Modules
Unit Testing Custom Pipes
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
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
What problem do Services solve?
Registering Services with Modules
Using the Http Class to connect to a REST Service
Practical Applications of Injectable Classes
Unit Testing Services
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
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 receive courseware and the latest/best Angular 2 textbook as of the date of training.
Software needed for each student PC: