Private Introduction to Angular Programming Training

See Course Outline

Training for your Team

  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors

This Introduction to Angular Programming training class gets students started with a solid foundation in Angular.

  1. Understand how single-page web application architectures (including Angular) are different than traditional web development architectures
  2. Use new JavaScript (ES6) language features including Classes, Modules, and Arrow Functions
  3. Use new TypeScript language features including Static Types, Interfaces, and Generics
  4. Build an application from scratch using Angular 5
  5. Learn Angular coding and architecture best practices
  6. Understand and use Angular Model-driven Forms, Observables, Dependency Injection, and Routing
  7. Communicate with a backend server using Angular's HttpClient service to load and save data
  1. Introduction
  2. Why Angular?
    1. User Experience similar to a Desktop Application
    2. Productivity and Tooling
    3. Performance
    4. Community
    5. Full-featured Framework
    6. Platform for Targeting Native Mobile not just Web Browsers
  3. Understanding Angular Versions
    1. AngularJS (Angular 1.x)
    2. Angular
    3. Angular 2
    4. Angular 5
  4. Upgrading to Angular 5 from Angular 2 or Angular 4
    1. Angular Update Guide
  5. Angular 5 Features
    1. Build Optimizer
    2. Angular Universal State Transfer API and DOM Support
    3. Compiler Improvements
    4. Internationalized Number, Date, and Currency Pipes
      1. Replace the ReflectiveInjector with StaticInjector
    5. Zone Speed Improvements
    6. ExportAs Multiple Names
    7. HttpClient
    8. Angular CLI v1.5
    9. Angular Forms adds updateOn Blur / Submit
    10. RxJS 5.5
    11. New Router Lifecycle Events
  6. TypeScript and ECMAScript 6 (ES6) Fundamentals
    1. Classes
    2. ES Modules
    3. Arrow Functions
    4. Template Literals
    5. Scoping using let and const Keywords
    6. Spread Syntax and Rest Parameters
    7. Destructuring
    8. Decorators (JavaScript Aspect-Oriented Programming)
  7. Angular 5 Basics
    1. Components
    2. Templates
      1. Inline Templates
      2. Multi-line Templates using ES6 Template Literals
      3. External with Component-relative Paths
    3. Modules
      1. Angular Modules vs. ES Modules
    4. Models
  8. Template Syntax
    1. HTML in templates
    2. Interpolation
    3. Binding syntax
    4. Property binding
    5. Event binding
    6. Two-way data binding
    7. Attribute, class, and style bindings
    8. Built-in Directives
      1. Built-in attribute directives: NgClass, NgStyle, NgModel
      2. Built-in structural directives: NgIf (includes enhanced *ngIf syntax), NgFor
    9. Template Input Variables
    10. The NgSwitch Directives
    11. Template Reference Variables
    12. Input and output properties
    13. Template Expression Operators
    14. Pipe ( | )
    15. Safe Navigation Operator ( ?. )
  9. Components
    1. Component Lifecycle Hooks
      1. Implementing the OnInit Lifecycle Hook
    2. Component Communication
      1. Input properties
      2. Output properties: Custom Events using EventEmitters
  10. Services and Dependency Injection
    1. Using a services to access data
    2. Using a service to encapsulate business logic
    3. Understanding the scope of services
  11. Dependency Injection
    1. Understanding Dependency Injection
    2. Angular's Dependency Injection System
    3. Registering
    4. Injecting
    5. Hierarchical Injection
  12. Model-driven Forms (Reactive Forms)
    1. Importing the ReactiveFormsModule
    2. FormControl, FormGroup, and AbstractControl
    3. Binding DOM Elements to FormGroups and FormControls
    4. Validation Rules, Messages, and Styles
    5. Refactoring ReactiveForms for Reuse
    6. Custom Validators
  13. RxJS and Observables
    1. What is an Observable?
    2. Observable Operators
    3. Creating Observables Using Static Operators
    4. What is an Observer?
    5. Observer Example
    6. Subject
    7. Subject Example
    8. EventEmitter or Observable
  14. Communicating with the Server using the HttpClient Service
    1. Deciding between Promises or Observables (RxJS)
    2. Making a HTTP GET Request
    3. Sending data to the server using Http POST and PUT Requests
    4. Issuing a Http DELETE Request
    5. Intercepting Requests and Responses
    6. WebSockets
  15. Router
    1. Importing the RouterModule and Routes
    2. Configuring Routes
    3. Displaying Components using a RouterOutlet
    4. Navigating declaratively with RouterLink
    5. Navigating with code using the Router
    6. Accessing parameters using ActivatedRoute
    7. Organizing your code into Modules
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.

Class Prerequisites

Experience in the following is required for this Angular class:

  • Prior experience developing with JavaScript.
Preparing for Class
Follow-on Courses

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing


Students who have taken Live Online Training


Organizations who trust Webucator for their training needs


Satisfaction guarantee and retake option


Students rated our trainers 9.44 out of 10 based on 5036 reviews

Our instructor was great and the course format was perfect - pacing and materials were spot on!

Kristi Grant, ntelx
Woodbridge VA

Want to make a change or advance in your job? Webucator is a great way to go.

Russell Vaughn, Sac and Fox Casino
Shawnee OK

Webucator lived up to the "no classes cancelled" motto. I was the only student in my class. The instructor was excellent, cheerful and attentive to my questions and covered the material completely in a way that I could learn it.

Philip Mahan, The Institutes
Malvern PA

This Intermediate Crystal Reports class exceeded my expectations. Overall, very well done.

Russell Fail, Silverback Care Management
Arlington TX

Contact Us or call 1-877-932-8228