Private Advanced Angular Programming Training

See Course Outline

Training for your Team

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

This Advanced Angular Programming training class takes students to the next level in Angular.

  1. Unit test all the parts of an Angular application including Modules, Components, Services, and Pipes
  2. Upgrade an existing application from AngularJS to Angular 5 over time by running both frameworks in the same project
  3. Start a new Angular project and scaffold modules, components, services, models, routes, and unit tests following best practices using the Angular CLI
  4. Build and deploy an Angular application including combining and minifying JavaScript and HTML files, Tree-shaking unused code, and doing Ahead-of-Time compilation to reduce the size of the Angular framework.
  5. Write End-to-End Tests if your application with Protractor which uses Selenium Web Driver
  6. Using Redux and NgRx to maintain the state in your application
  1. Unit Testing
    1. Tools: Jasmine, Karma
    2. Jasmine Syntax: describe, it, beforeEach, afterEach, matchers
    3. Setup and your First Test
    4. Testing Terminology: Mock, Stub, Spy, Fakse
    5. Angular Testing Terminology: TestBed, ComponentFixture, debugElement, async, fakeAsync, tick, inject
    6. Simple Component Test
    7. Detecting Component Changes
    8. Testing a Component with properties (inputs) and events (outputs)
    9. Testing a Component that uses the Router
    10. Testing a Component that depends on a Service using a Spy
    11. Testing a Component that depends on a Service using a Fake
    12. Testing a Service and Mocking its Http requests
    13. Testing a Pipe
  2. Security
    1. How to Prevent Cross-site Scripting (XSS)
    2. Trusting values with the DOMSanitizer
    3. HTTP Attacks
    4. Security Audits of Angular Applications
  3. Advanced Components
    1. Component Styles
      1. using MetaData properties: Styles and StyleUrls
      2. Encapsulation Strategies
    2. Change Detection Strategies
    3. Component Lifecycle Hooks
  4. Advanced Routing
    1. Lazy-loading Angular Modules
    2. Location Strategies
    3. Nested or Child Routes
    4. Route Guards
  5. Advanced Dependency Injection
    1. Providers
    2. Using the @Optional and @Host Decorators
  6. Attribute Directives
    1. Creating a custom Attribute Directive using ElementRef, Render
  7. Pipes
    1. Built-in Pipes: Using, Passing Parameters, Chaining
    2. Creating a custom Pipe using PipeTransform
    3. Understanding Pure and Impure Pipes
  8. Creating, Building, and Deploying an Angular Application
    1. Manually
    2. Using the Angular CLI
      1. Overview
      2. Features
      3. Installation
      4. Generating a New Project
      5. Generating Code
      6. Builds
      7. Customizing Builds
      8. Angular Material Setup
      9. Eject
  9. Template-driven Forms
    1. NgSubmit Directive
      1. FormsModule
      2. NgForm, NgModel, and NgModelGroup Directives
      3. Validation Directives
        1. Displaying validation messages
        2. Styling validation messages
  10. Upgrade Strategies from AngularJS
    1. Preparing your AngularJS Project
      1. Integrating a Module Loader
      2. Start using TypeScript
      3. Use Components instead of Controllers
    2. Angular 5 and AngularJS together
      1. Understanding the Upgrade Module
      2. Angular (Angular 5) Components in AngularJS Code
      3. AngularJS Directives in Angular Code
      4. Injecting AngularJS Services into Angular
      5. Injecting Angular Services into AngularJS
      6. Upgrade from AngularJS Router to Angular Router
  11. Redux
    1. Redux Basics
    2. Debugging and Time Traveling with Redux DevTools
  12. End-to-End Testing
    1. What is Protractor?
    2. Why Protractor?
    3. Using Locators
    4. Page Objects
    5. Debugging E2E Tests
  13. npm QuickStart
    1. Installing Dependencies Locally
    2. Using npm as a Build Tool
  14. Webpack Guide
    1. Installation
    2. Building/Bundling
      1. JavaScript
      2. CSS
      3. HTML
      4. Images
    3. Development Builds
    4. Production Builds
  15. Conclusion
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.
Prerequisite Courses

Courses that can help you meet these prerequisites:

Preparing for Class

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

Best instruction for all levels!

Kirsty Dickson, St Marks College
Vancouver BC

This is a great class for anyone who wants to get familiar with VBA and start using it at work.

Ausra Speer, Vanderbilt University
Brentwood TN

Well paced, good coverage, very complete.

William Lieberman, Jacobs
Oakland CA

The instructor went at my pace; made sure I understood the different concepts before moving on to something new.

Otto Mohr, NetJets Inc.
Pataskala OH

Contact Us or call 1-877-932-8228