Comprehensive Angular 2
Accelebrate’s Comprehensive Angular bootcamp teaches students the basic and advanced Angular 2 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
All students will:
Angular 2 Training Outline
Why Angular 2?
Scope and Goal of Angular 2
Who Uses Angular?
Architecture (Big Picture/Concepts)
Overview of Setup/Installation
Our first Angular 2 Application
Using npm as a Build Tool
What about Grunt and Gulp?
Your First Script
Running Local Node Modules
TypeScript and ES6/ES2015 Introduction
Understanding TypeScript and ES6/ES2015
How TypeScript Works
Who’s Behind TypeScript?
Compiling with TypeScript
What is a component?
Developing a simple component
What is Data Binding?
Data Binding in Angular
[(ngModel)] Banana in a Box
Html Attribute vs. DOM Properties
Setting Html Attributes
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
Composing Your User Interface
Benefits of Angular Forms
Form Directives: Template-driven
Getting Data from Form Controls
Binding to HTML Form Elements
Tracking Change State of Form Controls
Flexible Data Architecture in Angular 2
Http in Services using Promises
Http in Components using Promises
Observables and Reactive Programming
Http in Services using Observables
Http in Components using Observables
Cross-origin HTTP Requests
Component Router Overview
Your First Routes
What are Pipes?
Changes from Angular 1 (deprecated pipes)
Build and run the app
Using a seed or boilerplate
Organize Routes using Modules
Lazy Loading Modules
Web Server Configuration
Change Detection Strategies
Advanced Dependency Injection
Multiple Service Instances
@Optional and @Host Decorators
Tools: Jasmine & Karma
Mocks, Stubs, Fakes, and Spies
TestBed, ComponentFixture, and DebugElement
async, fakeAsync, tick, and inject
Testing a Simple Component
Using External Templates
Components with Inputs and Outputs
Component with Router
Component with Service
Testing a Service in Isolation
Mocking HTTP Calls
Comparing Template-driven to Model-driven (Reactive Forms)
Using the ReactiveFormsModule
Creating a Reactive form
formGroup and formControl directives
Bind form controls to a model
Add validations to the model
Hide and show validation messages
Access the DOM Element using the ElementRef
Respond to User Events using HostListener
Pass Values via Data Binding
Generating a New Project
Running Unit Tests with Jasmine and Karma
Running End-to-end Tests with Protractor
Generating Components, Directives, Pipes and Services
Building with Webpack
Custom Pipe Example
Using a Custom Pipe
Pure and Impure Pipes
Angular 1 to 2 Migration Strategies
Adding TypeScript to an Angular Project
Add Angular 2 and Module Loader
Using TypeScript in an Angular 1 Project
Angular 1 and 2 in the same Project
Controllers to Components
Filters to Pipes
Removing Angular 1 from the Project
All attendees receive courseware and the latest/best Angular 2 textbook as of the date of training.
Software needed for each student PC: