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
  • 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

76,130

Students who have taken Live Online Training

15,315

Organizations who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

9.40

Students rated our trainers 9.40 out of 10 based on 5,230 reviews

Webucator is a very good way to learn IT related courseware. The exercises and the accompanying printed material were clear and concise. They are all professional, from the Marketing person to the Support group. The best part was that my instructor was very knowledgeable, helpful and understanding. If I am to learn something new again, I will definitely choose Webucator.

Nathalie Pante, Galena Park ISD
Humble TX

I've had my second course with Webucator, and I can definitely say that I was not disappointed. My expectations were exceeded, and I'm now able to approach my work with more confidence. The materials and instruction were easy for me to follow and understand. I can't wait until I can take my next course!

Jeanine Heming, Kennesaw State University

This training exceeded my expectations in every way and I am anxious to register for the advanced class.

Kathy Keller, Texas Department of Family and Protective Services
Austin TX

This was my first time using Webucator. I really liked the personalized attention and that the instructor was able to incorporate my website into the classroom demos. It made it much easier to apply some of the concepts as it relates to how I will be using them.

Tammy Rosen, Fur-Get Me Not
Arlington VA

Contact Us or call 1-877-932-8228