name: http-client
description: Angular HttpClient for API communication, interceptors, and error handling
sasmp_version: "1.3.0"
bonded_agent: 02-angular-core
bond_type: PRIMARY_BOND

Angular HTTP Client Skill

Overview

Master Angular's HttpClient module for making HTTP requests, handling responses, implementing interceptors, and managing API communication patterns.

Topics Covered

HttpClient Basics

• GET, POST, PUT, DELETE requests
• Request and response typing
• Query parameters and headers
• Response body parsing

Interceptors

• HTTP interceptor creation
• Authentication token injection
• Request/response transformation
• Error handling interceptors
• Loading state management

Error Handling

• HttpErrorResponse handling
• Retry strategies with RxJS
• Global error handling
• User-friendly error messages

Advanced Patterns

• Request cancellation
• File upload/download
• Progress tracking
• Caching strategies
• API service design

Prerequisites

• Angular Core fundamentals
• TypeScript basics
• RxJS Observables understanding

Learning Outcomes

• Create type-safe API services
• Implement authentication interceptors
• Handle errors gracefully
• Build reusable HTTP patterns