Angular Training

Defining components

• Structure of a component
• Introducing the component hierarchy
• Declaring metadata with the @Component decorator
• Controlling HTML5 generation with Templates
• Displaying repeating data with *ngFor
• Conditional generation of DOM content

Debugging techniques and strategies

• Interpreting framework error messages
• Exploring the component hierarchy with Augury

Reducing code complexity with Dependency Injection (DI)

• Principles of DI
• Creating loosely coupled applications
• Configuring providers and declaring Injectables
• Satisfying dependencies with Provider metadata

Structuring test strategies

• Unit testing vs. integration testing
• Working with mock Angular components
• Asynchronous testing with ES6 arrow functions

Leveraging 3rd party tools

• Defining tests with Jasmine
• Automating tests with Angular CLI and Karma
• Building and running a Protractor test

Coordinating Component interaction

• Passing data from parent to child with Input bindings
• Listening for property changes with ngOnChanges
• Binding a model to display with interpolation

Managing events

• Detecting and responding to user interaction
• Capturing browser events
• Emitting custom events to trigger behaviour

Creating modular applications

• Controlling application flow with the Component Router
• Dividing application functionality across multiple Component trees
• Parameterizing routes for dynamic navigation

Manipulating data with Pipes

• Formatting dates for display
• Chaining pipes to combine functionality
• Filtering data with custom Pipes

Displaying and capturing data

• Developing forms with ngFormModel and FormBuilder
• Creating a form from a business object
• Two-way binding between input controls and data model

Validating form input

• Leveraging HTML5 and custom validation
• Providing user feedback from validators

Keeping the App responsive

• Subscribing to Observables
• Converting stream data types with the Observable map function
• Optimising change detection with immutability and onPush

Interacting with a REST Web service

• Retrieving data with the HTTP object
• Sending data asynchronously with POST
• Invoking different HTTP methods
• Gracefully handling errors

• Adding functionality to the DOM
• Creating a custom styling directive
• Performing animation