Advanced Angular Programming

  4.9 out of 5 - Read Testimonials

This Advanced Angular Programming training class covers advanced topics of this next generation of the Angular framework. This course is intended for those that already have a basic understanding of the Angular 7 fundamentals and now want to cover more advanced features the Angular 7 framework offers.

Note: Although initially the 1st major revision of the AngularJS framework was known as "Angular 2" this is now technically incorrect as the Angular framework is releasing newer major versions (although the structure is still the same). Now "AngularJS" refers to the old architecture while simply "Angular" refers to the new architecture.


Public Classes: Delivered live online via WebEx and guaranteed to run . Join from anywhere!

Private Classes: Delivered at your offices , or any other location of your choice.

  1. Create advanced HTTP clients.
  2. Consume WebSocket data.
  3. Use the featured of advanced routing.
  4. Test and debug Angular applications.
  1. Advanced HTTP Client
    1. Request Options
    2. Returning an HttpResponse Object
    3. Setting Request Headers
    4. Creating New Observables
    5. Creating a Simple Observable
    6. The Observable.create() Method
    7. Observable Operators
    8. More About map
    9. Piping Operators
    10. The flatMap() Operator
    11. The tap() Operator
    12. The zip() Operator
    13. Caching HTTP Response
    14. Making Sequential HTTP Calls
    15. Making Parallel Calls
    16. Customizing Error Object with catchError()
    17. Error in Pipeline
    18. Error Recovery
    19. Summary
  2. Consuming WebSockets Data in Angular
    1. Web Sockets Overview
    2. Web Sockets Use Cases
    3. Web Socket URLs
    4. Web Sockets Servers
    5. Web Socket Client
    6. The library
    7. Using in JavaScript
    8. Setting up in Angular Projects
    9. Using in an Angular service
    10. Angular websocket.service Notes:
    11. The Angular Web Socket Client Sample App
    12. Angular websocket.component.ts
    13. The Full websocket.component.ts code
    14. Implementation Modifications
    15. Summary
  3. Advanced Routing
    1. Routing Overview
    2. Routing Enabled Project
    3. Routing Enabled Feature Module
    4. Using the Feature Module
    5. Lazy Loading the Feature Module
    6. Creating Links for the Feature Module Components
    7. More About Lazy Loading
    8. routerLinkActive binding
    9. Default Route
    10. Wildcard Route Path
    11. redirectTo
    12. Child Routes
    13. Defining Child Routes
    14. <router-outlet> for Child Routes
    15. Links for Child Routes
    16. Navigation Guards
    17. Creating Guard Implementations
    18. Using Guards in a Route
    19. Route Animations
    20. Summary
  4. Introduction to Testing Angular Applications
    1. Unit Testing Angular Artifacts
    2. Testing Tools
    3. Testing Setup
    4. Typical Testing Steps
    5. Test Results
    6. Jasmine Test Suites
    7. Jasmine Specs (Unit Tests)
    8. Expectations (Assertions)
    9. Matchers
    10. Examples of Using Matchers
    11. Using the not Property
    12. Setup and Teardown in Unit Test Suites
    13. Example of beforeEach and afterEach Functions
    14. Angular Test Module
    15. Example Angular Test Module
    16. Testing a Service
    17. Injecting a Service Instance
    18. Test a Synchronous Method
    19. Test an Asynchronous Method
    20. Using Mock HTTP Client
    21. Supplying Canned Response
    22. Testing a Component
    23. Component Test Module
    24. Creating a Component Instance
    25. The ComponentFixture Class
    26. Basic Component Tests
    27. The DebugElement Class
    28. Simulating User Interaction
    29. Summary
  5. Debugging
    1. Overview of Angular Debugging
    2. Viewing TypeScript Code in Debugger
    3. Using the debugger Keyword
    4. Inspecting Components
    5. Saving ng.probe Component References
    6. Modifying Values using Component References
    7. Debug Logging
    8. What is Augury?
    9. Installing Augury
    10. Opening Augury
    11. Augury - Component Tree
    12. Augury - Router Tree.
    13. Augury - NgModules Tab
    14. Common Exceptions
    15. Common Exceptions: 'No such file: package.json'
    16. Common Exceptions: 'Cant bind to ngModel'
    17. Common Exceptions: 'router-outlet not a known element'
    18. Common Exceptions: 'No provider for Router!'
    19. Summary
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:

  • Some prior understanding of Angular fundamentals in addition to web development using HTML, CSS, and JavaScript. Experience developing with AngularJS (the prior version) is not required.
Prerequisite Courses

Courses that can help you meet these prerequisites:

Training for Yourself

$1,150.00 or 2 vouchers

Upcoming Live Online Classes

  • See More Classes

Please select a class.

Training for your Team

Length: 2 Days
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors

What people say about our training

Great intro to WEBI application. No prerequisites needed to jump into this tool.
Eric Lum
Food and Drug Administration
How Cool Is That! To be able to learn an entire program in 3 days right from your desk or home office!
Carol Ann Nash
Coca-Cola Bottling Company Consolidated
Great class to truly get a great foundation and good feel for Java programming.
Brent Bullock
Advantest America Inc
Amazing instructor. Very hands on. I highly recommend Webucator!
Norma Lagares

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing


Students who have taken Instructor-led Training


Organizations who trust Webucator for their Instructor-led training needs


Satisfaction guarantee and retake option


Students rated our Advanced Angular Programming trainers 9.81 out of 10 based on 12 reviews

Contact Us or call 1-877-932-8228