# Services, HTTP and Observables

Services hold the work that does not belong to one component, like calling your Web API. You will create services, call APIs with HttpClient, work with observables, and share data between components.

Updated: November 3, 2026

## [Calling APIs from Angular](https://www.ask-codey.com/courses/csharp-full-stack-bootcamp/topics/calling-apis-from-angular)

1. [HttpClient in Angular](https://www.ask-codey.com/lessons/calling-apis-from-angular-httpclient-in-angular) (Journeyman): Call your Web API from a service with HttpClient's get, post, put and delete, each typed with the model it returns. Angular provides HttpClient on its own. While developing, a proxy sends the app's /api requests on to the API, so the browser sees one origin.

## [Exercise: an Angular Client for a Web API](https://www.ask-codey.com/courses/csharp-full-stack-bootcamp/topics/exercise-an-angular-client-for-a-web-api)

1. [Exercise: an Angular Client for a Web API](https://www.ask-codey.com/lessons/exercise-an-angular-client-for-a-web-api) (Journeyman): Give your products API a front end. A service calls the API with HttpClient; a component lists the products, filters them by category, deletes them and adds new ones, and says so when something fails. Ten tests answer for a pretend API, so they need nothing running.

Source: https://www.ask-codey.com/courses/csharp-full-stack-bootcamp/chapters/services-http-and-observables