Comprehensive Angular 2
Accelebrate’s 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.
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 Training Objectives
Angular 2 Training Outline
Scope and Goal of Angular
Who Uses Angular?
Architecture (Big Picture/Concepts)
Overview of Setup/Installation
Our first Angular Application
Using npm as a Build Tool
TypeScript and ES6/ES2015 Introduction
Understanding TypeScript and ES6/ES2015
How TypeScript Works
Who’s Behind TypeScript?
Compiling with TypeScript
Automatic Property Assignment
What is a component?
Developing a simple component
What is Data Binding?
Data Binding in Angular
What is a Directive?
Kinds of Directives
Service and Dependency Injection
What is a Service?
Dependency Injection Explained
Dependency Injection Example
Dependency Injection in Angular
Registering a Service
Injecting a Service
Application Wide Dependency Injection
Multiple Service Instances
@Optional and @Host Decorators
Composing Your User Interface
Benefits of Angular Forms
New Forms API
Form Directives: Template-driven
Getting Data from Form Controls
Binding to HTML Form Elements
Tracking Change State of Form Controls
Model-View-Controller (MVC): Traditional Web Applications
Model-View-Whatever (MVW/MV*): Angular 1
Flexible Data Architecture in Angular
Http in Services using Promises
Http in Components using Promises
Observables and Reactive Programming
Http in Services using Observables
Http in Components using Observables
In-Memory Web API
Cross-origin HTTP Requests
What are Pipes?
Changes from Angular 1 (deprecated pipes)
Create an App Module
Entry Point (main.ts) and Bootstrapping
Build and run the app
Other (SASS, Bootstrap, SemanticUI, Material Design)
Using a seed or boilerplate
Custom Pipe Example
Using a Custom Pipe
Pure and Impure Pipes
Access the DOM Element using the ElementRef
Respond to User Events using HostListener
Pass Values via Data Binding
Mocks, Stubs, and Spies
Mocking HTTP Calls
Angular 1 to 2 Migration Strategies
Upgrading with The Upgrade Adapter
Generating a New Project
Generating Components, Directives, Pipes and Services
Generating a Route
Creating a Build
Build Targets and Environment Files
End-to-end Testing with Protractor
All attendees receive courseware and the latest/best AngularJS textbook as of the date of training.
Software needed for each student PC: