Build Modern Web Apps with Signals, Standalone Components, RxJS, Forms, Testing, and Deployment

Read before you buy: the PDF here is a free sample — the first 20 pages of the 534-page book (payments, sales and reviews on this demo site are sample data). Get the full e-book at thenexbooks on Gumroad.

Learn Angular the modern way, from your first component to a tested, secure, deployed application.

Angular has changed a lot in recent versions. Standalone components replaced most module boilerplate, signals bring simple and precise reactive state, the new control flow makes templates easier to read, new projects run without zone.js, and Signal Forms and Vitest-based testing arrived in the default toolchain. Whether you are new to Angular or returning from an older version, this book teaches the current approach from the first page — and takes you all the way to production.

You build one real application step by step, and each feature appears at the moment it solves a problem you actually have, so you learn how to design Angular applications, not just how to call APIs.

What's inside

• What Angular is good at, the CLI, the files a new project contains, and the modern defaults: standalone components, zoneless change detection, and file names without suffixes
• The TypeScript you need: types, interfaces, unions, generics, utility types, classes, and strict mode
• Components and templates: bindings, @if, @for, @switch, @let, styles, and view encapsulation
• Signals in depth: signal, computed, effect, linkedSignal, signal inputs, outputs, models, and queries
• Directives, pipes, services, dependency injection, and injection tokens
• Routing: parameters, route input binding, lazy loading, functional guards, resolvers, titles, and layouts
• HttpClient, interceptors, a local mock API, and RxJS from first principles: operators, search-as-you-type, combining streams, errors, and retries
• Async data with toSignal, resource, and httpResource, plus a signal-based store
• Authentication and role-based access with login, tokens, guards, and a structural directive
• Forms three ways: template-driven forms, typed reactive forms, and Signal Forms, with built-in, custom, cross-field, and async validators
• A complete leave request and approval workflow with dialogs, notifications, and careful form UX
• Testing with Vitest and TestBed: components, services, HTTP, the router, and forms, plus end-to-end and accessibility testing
• Security: XSS protection, sanitization, CSP, XSRF, open redirects, and safe token handling
• Performance: OnPush, zoneless, @defer, lazy routes, and bundle budgets
• Server-side rendering, hydration, and prerendering, with an honest look at when they help
• Environments, runtime configuration, Docker and nginx, static hosting, CI, error handling, monitoring, and upgrades with ng update

One running example, start to finish. You build the Brightwater HR Portal, the internal HR application of a fictional software company: an employee directory with search, department pages, a dashboard, leave balances, a leave request form that counts working days and checks holidays, an approval queue for managers and HR, role-based navigation, and a full test suite. It runs against a small, dependency-free mock API included in the book, and the sample data is small enough to check by hand — the same names, numbers, and dates appear in every chapter.

Current and honest. The book targets recent versions of Angular and explains where defaults changed for older projects. APIs still in developer preview or experimental are labeled as such, and the book contains no invented benchmarks or statistics. Every chapter includes step-by-step instructions, complete code, Tips, Notes, Warnings, exercises, and Key Takeaways, and the appendices give you a cheat sheet, templates and reference material with the complete mock API, a production checklist, and a glossary.

Format: PDF, 534 pages (A4), linked table of contents and bookmarks. English. First Edition, 2026. Published by thenexbooks. This book is independent and is not affiliated with, sponsored by, or endorsed by Google LLC or the Angular team.

Table of Contents

Part I — Foundations

• Ch 1 · Angular in Context: The Framework, the CLI, and Your First Project
• Ch 2 · TypeScript Essentials for Angular Developers
• Ch 3 · Components and Templates: Bindings, Control Flow, and Styles
• Ch 4 · Signals: Reactive State with signal, computed, and effect
• Ch 5 · Component Communication: Inputs, Outputs, Models, and Content Projection

Part II — Building Blocks

• Ch 6 · Directives and Pipes: Reusable Behavior and Formatting
• Ch 7 · Services and Dependency Injection
• Ch 8 · Routing and Navigation
• Ch 9 · Advanced Routing: Guards, Resolvers, Lazy Loading, and Route Inputs
• Ch 10 · Application Structure: Layouts, Shared UI, and Styling

Part III — Data and RxJS

• Ch 11 · Talking to a Backend with HttpClient
• Ch 12 · RxJS Fundamentals: Observables, Operators, and Subscriptions
• Ch 13 · RxJS in Practice: Search, Combining Streams, Errors, and Retries
• Ch 14 · Async Data with Signals: toSignal, resource, httpResource, and Signal Stores
• Ch 15 · Authentication and Authorization: Login, Interceptors, and Role-Based Access

Part IV — Forms

• Ch 16 · Template-Driven Forms
• Ch 17 · Reactive Forms: Typed FormGroup, FormControl, and FormArray
• Ch 18 · Validation: Built-in, Custom, Cross-Field, and Async Validators
• Ch 19 · Signal Forms: form(), Schemas, and the formField Directive
• Ch 20 · The Leave Request Workflow: Approvals, Dialogs, and Form UX

Part V — Testing and Security

• Ch 21 · Unit Testing with Vitest and TestBed
• Ch 22 · Testing Components, Services, HTTP, and the Router
• Ch 23 · End-to-End and Accessibility Testing
• Ch 24 · Security: XSS, Sanitization, XSRF, and Safe Token Handling

Part VI — Production

• Ch 25 · Performance: Change Detection, Zoneless, @defer, and Bundle Budgets
• Ch 26 · Server-Side Rendering, Hydration, and Prerendering
• Ch 27 · Building and Deploying: Environments, Docker, Static Hosting, and CI
• Ch 28 · Case Study: Error Handling, Monitoring, Upgrades, and the Finished HR Portal

Appendices
A · Angular Cheat Sheet
B · Templates and Reference
C · Production Checklist
D · Glossary

Book details