Angular 2 Programming Training

Customized Onsite Training

3
Days
  • Customized Content
  • For Groups of 5+
  • Online or On-location
  • Expert Instructors

Live Online Training

$1,575.00
or 3 vouchers
  • Live Online Training
  • Expert Instructors
  • Guaranteed to Run
  • 100% Free Re-take Option
  • 1-minute Video

Upcoming Classes

  • See More Classes

Please select a class.
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
  1. Learn all about Angular 2 and why to use it.
  2. Learn how to use TypeScript.
  3. Learn how to develop components.
  4. Learn how to work with forms.
  5. Learn how to utilize data binding.
  6. Learn how to utilize routing.
Outline
  1. 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
  2. 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
  3. Components
    1. What is a component?
    2. Developing a simple component.
    3. Templates for a component
    4. Component lifecycle
  4. Data Binding
    1. What is data binding
    2. One way data binding
    3. Two way data binding
    4. Event binding
  5. 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
  6. 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
  7. Advanced Directives
    1. Looping using ngFor
    2. Conditional rendering using ngSwitch
    3. ngSwitchWhen
  8. 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
  9. 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
  10. 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
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

74,642

Students who have taken Live Online Training

15,220

Organizations who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

9.41

Students rated our trainers 9.41 out of 10 based on 5,191 reviews

Contact Us or call 1-877-932-8228