Intermediate Angular Programming

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.

Location

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.

Goals

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.

Outline

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

Introduction to Angular Programming Training

Follow-on Courses

Advanced Angular Programming

Intermediate Angular Programming

Training for Yourself

Upcoming Live Online Classes

Training for your Team

What people say about our training