Introduction to Angular 2 Training

Answers to Popular Questions:

 
Yes, this class can be tailored to meet your specific training needs.
Yes, we provide Foundations of Web Design & Web Authoring consulting services.
Yes, group discounts are provided.

Course Description

 
Introduction to Angular 2 teaches developers the newest version of Angular to facilitate development of rich application that are responsive and functional across a full range of platforms, from desktop to the phone.
Course Length: 3 Days
Course Tuition: $1375 (US)

Prerequisites

Must be very knowledgeable of and have experience with JavaScript.

Course Outline

 
Angular 2 Introduction
 
Why use Angular 2?
Scope and Goal of Angular 2
Angular Demographics?
Angular 2 Architecture
How do Broswer support Angular 2
Setup/Installation
 
 
Quick overview of npm 
 
Dependency Installation
Using npm as a Build Tool
 
TypeScript and ES6/ES2015 Introduction
 
Understanding TypeScript and ES6/ES2015
How it works
Why use TypeScript?
Installing, Configuring and Compiling TypeScript
JavaScript is valid TypeScript
ES2015
TypeScript
 
Components
 
What is a component?
Developing a simple component
Modules
Bootstrapping
Nesting components
Templates
Models
 
Data Binding
 
What does Data Binding mean?
How to use Data Binding in Angular
Types
 
Directives
 
What is a Directive?
Kinds of Directives
Structural and Attribute Directives
 
 
Service and Dependency Injection
 
What is a Service?
An Example of a Service
Dependency Injection Explained
Dependency Injection Example
Dependency Injection in Angular
Registering a Service
Injecting a Service
Application Wide Dependency Injection
@Injectable Classes
Multiple Service Instances
@Optional and @Host Decorators
Providers
 
Advanced Components
 
Lifecycle Hooks
Composing Your User Interface
Component Communication
 
Component Styles
 
Metadata: styles and styleUrls
View Encapsulation
Style Scoping with Special Selectors
 
Forms
 
Benefits of Angular 2 Forms
New Forms API
Form Strategies
Form Directives: Template-driven
Getting Data from Form Controls
Binding to HTML Form Elements
 
Form Validation
 
Directives
Tracking Change
CSS Classes
Validation Messages and Styles
 
 
Data Architectures
 
Model-View-Controller (MVC): Traditional Web Applications
Model-View-Whatever (MVW/MV*): Angular 1
New Architectures
Flexible Data Architecture in Angular 2
 
HTTP
 
Setup
Http in Services and Components using Promises
Observables and Reactive Programming
Http in Services and Components using Observables
Async Pipe
In-Memory Web API
Http Put and Delete
Cross-origin HTTP Requests
 
Routing
 
Component Router
Router Terminology
Router Setup
Location Strategies
Router Directives
Navigating
Web Server Configuration
 
Pipes
 
What are Pipes?
Using Pipes
Built-in Pipes
Pipe Syntax
Chaining pipes
Deprecated pipes

Course Directory [training on all levels]

Upcoming Classes