Overview

Angular 2 is then next iteration of the AngularJS framework. It promises better performance. It uses TypeScript programming language for type safe programming. Overall you should see better productivity and manageability of a large project using Angular 2.

Goals

Learn all about Angular 2 and why to use it.
Learn how to use TypeScript.
Learn how to develop components.
Learn how to work with forms.
Learn how to utilize data binding.
Learn how to utilize routing.

Outline

Introduction to Angular 2
1. What is Angular 2?
2. Why Angular 2?
3. Scope and Goal of Angular 2
4. Installing and using Angular 2
5. Building Blocks of an Angular 2Application
6. A simple application
Introduction to TypeScript and ES6
1. Introduction to TypeScript
2. The type system
3. Defining class and interface
4. Defining a module
5. Importing a module
6. Generics
Components
1. What is a component?
2. Developing a simple component.
3. Templates for a component
4. Component lifecycle
Data Binding
1. What is data binding
2. One way data binding
3. Two way data binding
4. Event binding
Working with Forms
1. Using Input Text Box
2. Using Radio Buttons
3. Using Checkbox
4. Using Checkbox - Advanced
5. Using Select
6. Using Select – Advanced
7. Disabling an Input
8. Detecting model changes using getter and setter
Basic Directives
1. What are directives?
2. Controlling Element Visibility
3. Adding and Removing an Element
4. Dynamically Changing Style Class
5. Setting Image Source
6. Setting Hyperlink Dynamically
Advanced Directives
1. Looping using ngFor
2. Conditional rendering using ngSwitch
3. ngSwitchWhen
Service and Dependency Injection
1. What is a service?
2. Defining a service
3. Injecting a service to a component
4. Application wide dependency injection
5. @Injectable classes
6. Multiple service instances
7. @Optional and @Host
HTTP Client
1. The HTTP providers
2. Injecting the providers
3. Making a GET call
4. Handling error
5. More about Observables
6. Making a POST request
7. Working with headers
8. Making sequential calls
9. Making parallel calls
Introduction to Custom Directives
1. Types of directives - component, structural and attribute
2. Creating a basic attribute directive
3. Using the attribute directive
4. Handling event from an attribute directive
5. Binding input to an attribute directive
Advanced Custom Directives
1. About structural directives
2. Understand how ngIf works
3. Using the <template> tag
4. Using asterisk
5. Creating your own structural directive
6. Using the structural directive
7. Binding input to a structural directive
Advanced Form Handling
1. Introduction to Form Validation
2. Validation and Model Binding
3. Input Type Validation
4. Validation Directives
5. A Note About "required"
6. Detecting Validation State
7. Showing Error Message
8. Other Status Variables
9. Styling Input Fields
10. Styling Other Areas
Pipe
1. What is a pipe?
2. Example pipe usage.
3. Passing parameters to a pipe
4. Chaining pipes
5. DatePipe
6. NumberPipe
7. CurrencyPipe
8. UpperCasePipe and LowerCasePipe
9. DecimalPipe
10. Developing a custom pipe
11. Change detection from a pipe
12. Pure and Impure Pipes
Introduction to Single Page Application
1. What is a Single Page Application (SPA)?
2. How is it Any Different?
3. Why Create SPA?
4. It's Not All or Nothing
5. Challenges to SPA
6. Implementing SPA Using Angular 2
7. Simple SPA Using Visibility Control
8. SPA using Dynamic Templates for a Component
9. Example of Dynamic Template
10. SPA Using Routing
Routing
1. Why use routing?
2. Defining a route table
3. Navigation using hyperlink
4. Navigation using code
5. Supplying parameters to a route URL

Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Preparing for Class

Onsite: Course Setup
Live Online: Course Setup | WebEx Setup

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

72,554

Students who have taken Live Online Training

15,169

Organization who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

9.42

Students rated our trainers 9.42 out of 10 based on 5,211 reviews

Angular 2 Programming Training

Customized Onsite Training

Live Online Training

Upcoming Classes