Welcome
 |  |
Step-by-Step Introduction to the [Angular] Web Framework
created by Anthropic’s AI Claude at the request of Serge Tahé - September 2026
This document is a translation of the original French version, generated using an automated tool. Some expressions or technical terms may not fully reflect the original meaning.
This course shows, step by step, how to write a web application with the Angular 22 framework: a single-page application (SPA) whose pages are built in the browser from the JSON data of a server.
It starts with 25 small examples, each focused on a single concept: an Angular workspace, signals (signal, computed, effect, linkedSignal), templates (@if, @for, @let), signal forms, reactive forms and pipes; components (input(), output(), model(), content projection, life cycle, services and dependency injection, directives); the router, lazy loading and navigation guards; RxJS observables and shared state; internationalization with ngx-translate; and finally talking to the server (HttpClient, interceptor, httpOnly cookie, httpResource, server errors attached to form fields).
The server is treated as a black box: it is the JSON server of the RdvMedecins application, written with NestJS. You install it, study its API and query it with 48 curl examples, without having to read its code.
Then comes a complete case study: the Angular client of RdvMedecins, an appointment-booking application for a medical practice, in which every file is commented, followed by its deployment.
This course follows the NestJS course, in which the server builds the pages, and uses the same outline as the Vue.js course. The same pages are also written with React and Flutter. The course An Angular/NestJS Client/Server Example studies both the server and the client.