Working with APIs in Angular

Working with APIs is a chapter of the free Angular tutorial. Most real apps get their data from a server: a list of products, the user's orders, the employees of a company. Angular apps talk to servers with the HttpClient service, through URLs that the server answers, called an API.

What the lesson covers:

• API Integration: What HttpClient is and how to set it up, environment files for the server URL, the API service pattern, GET, POST, PUT and DELETE requests, request headers, typed responses, loading indicators, error handling and interceptors. The lesson ends with a capstone project, a User Management System, and you can download it as a complete project with a real Node.js server.

Every practice block runs real Angular and HttpClient in your browser, in TypeScript or JavaScript, with a small practice server that answers the requests. The exercises check what your page displays after the server answers, so any correct answer passes.

Lessons in this section

1. API Integration

   Talking to a server with HttpClient: setup, environment files, the API service pattern, GET, POST, PUT and DELETE, headers, typed responses, loading indicators, error handling, interceptors, and a User Management capstone project.