Angular Signal Forms Workshop

Angular Signal Forms are one of the most awaited Angular features — and for good reason.
They promise simpler APIs, better reactivity, and a modern way of building forms in Angular.

But let’s be honest 👀
Docs and examples alone won’t prepare you for real-world form complexity.

That’s exactly why this workshop exists.

🎥 Workshop preview

Explaining Signal Forms Config concept:

Live coding Signal Forms Config Exercise:

🧠 What this workshop is about

In this brand new, hands-on workshop, you’ll learn how to use Angular Signal Forms in real applications, not just in toy examples.

We give you:

• A full overview of the new Signal Forms APIs
• Clear explanations of why things work the way they do
• Real-world scenarios you’ll face in production apps:
  • Editing forms
  • Mapping form values to domain models
  • Working with schemas
  • Migrating existing Reactive Forms
  • Building custom form controls

This is a full-blown workshop designed to give you everything you need to confidently use Signal Forms in real projects.

🏗️ What you will build

Throughout the workshop, we build a real application together:

👉 A Conference Management App

• Add new conferences
• Edit existing conferences
• Work with nested forms, validation, and domain models

No contrived examples — this app reflects real application complexity.

📚 Workshop chapters (Labs)

Each chapter focuses on one core concept and builds on the previous one.

🧩 lab-01-form-basics

Form Basics
Introduction to Signal Forms fundamentals. Learn how to create basic forms using the new Signal-based API, understand the core concepts, and set up your first form with signal-driven reactivity.

✅ lab-02-built-in-validators

Built-in Validators
Learn how to apply Angular’s built-in validators (required, min/max length, patterns, email, etc.) using the Signal Forms API.

🛠️ lab-03-custom-validators

Custom Validators
Create your own validators for business-specific logic. Learn how validator functions work and how to provide meaningful error messages.

🚀 lab-04-form-submit

Form Submission
Handle form submissions properly: submission state, disabled buttons, and processing form values cleanly.

🏷️ lab-05-metadata

Meta Information
Work with metadata on form fields. Configure fields dynamically and use meta tags to influence form behavior.

🧱 lab-06-subforms-and-form-arrays

Subforms & Form Arrays
Build complex form structures using nested forms and dynamic form arrays. Manage hierarchical data with confidence.

✏️ lab-07-edit-form

Edit Forms
Populate forms with existing data, manage edit states, and implement save/cancel workflows.

🔄 lab-08-mapper

Data Mapping
Map form values to domain models. Learn how to keep form state and business logic cleanly separated.

🧩 lab-09-custom-form-controls

Custom Form Controls
Build reusable custom form controls that integrate seamlessly with Signal Forms.

🔁 lab-10-legacy-form-migration

Legacy Form Migration
Gradually migrate existing Reactive Forms to Signal Forms — without rewriting everything at once.

⚙️ lab-11-signal-forms-config

Signal Forms Configuration
Configure Signal Forms globally using provideSignalFormsConfig. Enable CSS status classes and integrate with your design system.

📜 lab-12-standard-schema

Standard Schema Integration
Use Standard Schema for validation. Generate schemas from backend contracts and keep frontend and backend validation in sync.

🎁 What you get

This is not just a video course — it’s a complete learning package:

✅ Full workshop recording
All theory explained clearly and step by step.

✅ Hands-on labs with exercises & solutions
You actively build things — and you always have the solution available.

✅ Live-coded solutions
Every exercise is solved live in the recordings, not just explained.

✅ Full source code
Clean, production-ready examples you can reuse.

✅ Interactive course guide
A step-by-step guide that walks you through the workshop in the right order.

🎯 Who this workshop is for

• Angular developers curious about Signal Forms
• Developers planning to migrate from Reactive Forms
• Teams that want to adopt Signals properly
• Anyone who wants real-world form patterns, not just API docs

🔥 Why this workshop?

Because Signal Forms are new — and production-ready examples are rare.

This workshop saves you:

• Countless hours of trial & error
• Guesswork around best practices
• Bad architectural decisions early on

You’ll finish with confidence, not just knowledge.