Intermediate Angular 12 Programming

Course Overview

Chapter 1. Advanced HTTP Client

• Request Options
• Returning an HttpResponse Object
• Setting Request Headers
• Creating New Observables
• Creating a Simple Observable
• The Observable Constructor Method
• Observable Operators
• The map and filter Operators
• The flatMap() Operator
• The tap() Operator
• The zip() Combinator
• Caching HTTP Response
• Making Sequential HTTP Calls
• Making Parallel Calls
• Customizing Error Object with catchError()
• Error in Pipeline
• Error Recovery
• Summary

Chapter 2. Angular Modules

• Why Angular Modules?
• Anatomy of a Module Class
• @NgModule Properties
• Feature Modules
• Example Module Structure
• Create a Domain Module
• Create a Routed/Routing Module Pair
• Create a Service Module
• Creating Common Modules
• Using One Module From Another
• Summary

Chapter 3. Advanced Routing

• Routing Enabled Feature Module
• Using the Feature Module
• Lazy Loading the Feature Module
• Creating Links for the Feature Module Components
• More About Lazy Loading
• Preloading Modules
• routerLinkActive binding
• Default Route
• Wildcard Route Path
• redirectTo
• Child Routes
• Defining Child Routes
• for Child Routes
• Links for Child Routes
• Navigation Guards
• Creating Guard Implementations
• Using Guards in a Route
• Summary

Chapter 4. Unit Testing Angular Applications

• Unit Testing Angular Artifacts
• Testing Tools
• Typical Testing Steps
• Test Results
• Jasmine Test Suites
• Jasmine Specs (Unit Tests)
• Expectations (Assertions)
• Matchers
• Examples of Using Matchers
• Using the not Property
• Setup and Teardown in Unit Test Suites
• Example of beforeEach and afterEach Functions
• Angular Test Module
• Example Angular Test Module
• Testing a Service
• Injecting a Service Instance
• Test a Synchronous Method
• Test an Asynchronous Method
• Using Mock HTTP Client
• Supplying Canned Response
• Testing a Component
• Component Test Module
• Creating a Component Instance
• The ComponentFixture Class
• Basic Component Tests
• The DebugElement Class
• Simulating User Interaction
• Summary

Chapter 5. Debugging

• Overview of Angular Debugging
• Viewing TypeScript Code in Debugger
• Using the debugger Keyword
• Debug Logging
• What is Angular DevTools?
• Using Angular DevTools
• Angular DevTools - Component Structure
• Angular DevTools - Change Detection Execution
• Catching Syntax Errors
• Summary

Lab Exercises

Lab 1. Getting Started
Lab 2. Build a Single Page Application (SPA)
Lab 3. Advanced HTTP Client
Lab 4. Using Angular Bootstrap
Lab 5. Lazy Module Loading
Lab 6. Advanced Routing
Lab 7. Unit Testing
Lab 8. Debugging Angular Applications

Prerequisites

Students 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. 

We offer a 1-2 day subset of our Introduction to JavaScript course to meet this pre-requisite if needed. Please ask your salesperson for details.