Intermediate Angular Programming

Intermediate Angular Programming

Course Length:
Delivery Methods:
Course Topics
  • Learn to create Advanced HTTP clients.
  • Learn to consume WebSocket data.
  • Learn to use the featured of Advanced Routing.
  • Learn to test and debug Angular applications.
Available Delivery Methods
Public Class
Public expert-led online training from the convenience of your home, office or anywhere with an internet connection. Guaranteed to run .
Private Class
Private classes are delivered for groups at your offices or a location of your choice.
Course Overview
This Intermediate Angular 8 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 fundamentals and now want to cover more advanced features the Angular framework offers.
Course Outline
  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 8
    1. Web Sockets Overview
    2. Web Sockets Use Cases
    3. Web Socket URLs
    4. Web Sockets Servers
    5. Web Socket Client
    6. The socket.io-client library
    7. Using socket.io-client in JavaScript
    8. Setting up socket.io-client in Angular Projects
    9. Using socket.io-client 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 8 Applications
    1. Unit Testing Angular 8 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 8 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:

  • Must have some prior understanding of Angular fundamentals in addition to web development using, HTML, CSS, and JavaScript. Experience developing with AngularJS or prior versions of Angular is not required. .
Prerequisite Courses

Courses that can help you meet these prerequisites:

Follow-on Courses
Register for a Live Class
$1,150.00
  • See More Class Dates

Please select a class.
Request a Private Class
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors
Request Pricing