18.05.26 | 9 – 5 PM (CEST) | Online
Scalable Architecture & Modern Reactivity
Architect scalable “Moduliths” with Nx and master fine-grained reactivity. Move beyond Zone.js to leverage declarative data flows with Signals, eliminate RxJS boilerplate with rxResource, and enforce clean boundaries for high-performance applications.
Early Bird (-30%) pricing expires in just
Is it for you?
Say goodbye to architectural rot – it’s time for strict boundaries and fine-grained reactivity! Angular is evolving rapidly. Adopting Nx Moduliths and Signals fundamentally alters how we build apps, making them clearer and more maintainable than wrestling with complex RxJS chains or Zone.js.
It’s crucial to master these modern patterns. This understanding will empower you to architect clean solutions, simplify data fetching with rxResource, and finally let you shed the frustration of manual updates and leaking business logic.
Takeaways
Architect Scalable "Moduliths" with Nx
Move beyond simple file organization. Learn to structure your workspace into Feature, UI, and Data-Access layers to create a clean and maintainable Modulith.
Visualize & Enforce Boundaries
Stop architectural rot. Use the Nx Graph to visualize dependencies in real-time and configure ESLint rules to prevent business logic from leaking into your UI components.
Master Fine-Grained Reactivity
Understand the shift from Zone.js to Signals. Learn how the Signal Graph works and how to use computed() , linkedSignal(), effect() to update only what changes, when it changes.
Modernize Component I/O & Forms
Say goodbye to @Input() decorators. Implement the new Signal-based input() , output() and model() APIs for cleaner component communication and integrate the new reactive Signal Forms.
Simplify Data Fetching with Resources
Reduce RxJS boilerplate. Learn to use the new rxResource patterns to handle asynchronous data loading, error states, and reactivity without complex pipe chains.
Master Declarative Data Flows
Stop manually updating data. Learn to chain Signals together so your application state automatically stays in sync without writing complex code.
Agenda
Check out what we will be discussing at the workshop!
Duration: 8 hours.
Nx Architecture: Building Scalable Monorepos
- The Modulith Pattern – Organize apps into self-contained “Moduliths” for scalability.
- Layered Architecture – Master separation of concerns using Feature, UI, and Data-Access layers.
- Workspace Mastery – Efficiently manage the
appsvslibsstructure using the CLI and Console. - Lazy Loading – Configure clean routing using Feature Libraries as entry points.
Enforcing Boundaries & Visualizing Dependencies
- Dependency Graph – Visualize architecture and data flow in real-time with
nx graph. - Affected Analysis – Identify exactly which projects are impacted by code changes.
- Architectural Rules – Use tagging and ESLint
constraintsto prevent circular dependencies. - Intentional Failure – Debug linter errors to understand strict code boundary enforcement.
Signals Core & Fine-Grained Reactivity
- Signal Fundamentals – Master the basics of
signal()vs variables vs Observables. - State Derivation – Use
computed()for automatic, memoized state calculations. - Side Effect Management – Manage DOM updates and logging cleanly with
effect().
Advanced Signals & Data Flow
- Declarative I/O – Implement the modern
input()andoutput()APIs. - Resettable State – Manage derived state updates with
linkedSignal. - Async Data Flow – Handle async loading states using
rxResourceortoSignal. - Signal Forms – Build reactive forms using the experimental
form()API.
(NEW) AI topics
Workspace Intelligence & The "Context Gap"
- The “Context Gap” Explained: Why standard, text-only prompts fail in monorepos because they see individual files but miss the high-level architecture.
- Instant Architectural Understanding: Using the $nx\ graph$ as a “Source of Truth” to feed AI agents a structured map of 150+ libraries.
Framework Intelligence: Signals & Angular MCP
- Powering Modern Angular: Installing framework-specific Agent Skills and MCP Servers
- The Synergy Model: Using Nx as the “Map” to find code and the Angular MCP as the “Expert Tools” to refactor it.
- Future-Proofing the Stack: Using automated tools to modernize legacy code and stay up to date with modern reactivity.
AI-Assisted Signal Migrations
- Automated Refactoring: Using AI to safely convert legacy RxJS streams and
@Input()decorators into modern Signals,input(), andoutput()APIs. - Zoneless Readiness: Delegating the heavy lifting of state migration to agents that respect your workspace’s Architectural Guardrails and Tags.
- Safe Scaffolding: Using the
nx-generateskill to create new features with signal-based boilerplate automatically. - Workflow Blueprints: Real-world examples of automated discovery, architectural auditing, and mass Signal migrations.
Benefits
Hands-On Exercises
Work on real, practical tasks so you don’t just hear about modern Angular, you actually use it right away.
Q&A Session
Get clear answers to your questions during a dedicated Q&A a chance to clarify concepts and dive deeper into real-world use cases.
Small Group
Maximum of 15 participants, you’ll benefit from more interaction and personalized support.
Certificate of participation
Simple way to show your updated Angular skills to your team, clients, or future employers.
Are you interested?
Are you interested?
Your Trainer
Fanis Prodromou
Google Developer Expert
Google Developer Expert (GDE) for Angular and Senior Front-End Developer. He is passionate about sharing his knowledge through his YouTube channel, speaking at conferences and meetups, and technical articles. He also stays current in the ever-evolving tech world by attending conferences and experimenting with new technologies, and is a co-organizer of the Angular Athens meetup in Greece.
What developers say about our workshops?
I highly recommend Modern Angular Workshops.
Mateusz deep knowledge makes it really beneficial.
Workshops helped me take my signal skills to another level and I hope that I will have opportunity to participate once again.
– Jakub
I thoroughly enjoyed attending the two-day workshop. The trainers were very friendly and approachable, making the learning experience engaging and supportive. Even after the workshop, they remain available to help with any questions, which I truly appreciate.
After the trainings, you will have a clear understanding of how to improve your projects with the latest Angular features.
– Sofia
What I appreciated most about Mateusz’s Signal Forms workshop was that he went beyond the basics and tackled real-world use cases — you could tell he really knows what he’s talking about. Fanis did a great job moderating the Scalable Architecture & Modern Reactivity session, bringing years of hands-on Angular expertise to the table. I walked away with ideas I’m already putting into practice.
– Steffen
Attending the camps for the Scalable architecture & Modern Reactivity Workshop along with the Signal Forms Workshop.
First session delivered by Fanis was amazing, from the first slide he showed his passion in the topic and the in depth knowledge that he has in it. I was quite sceptic about NX setup but his slides and practical sessions helped to understand it better and see the benefits that it comes with and how much easier the codebase becomes with NX.
Sessions on Signal forms by Mateusz made me push harder for Angular 21 upgrade at my work. The delivery was exceptional; simple and lab sessions covered each topic in real depth. The labs were easy to follow, expanded on the slides and helped to understand the new features well.
Overall both days were really good in terms of content, delivery and passing on the knowledge of the experts onto participants. Each session was adjusted to the audience in terms of pace, there was always time to ask questions and during practical sessions both speakers had all the time to fix any issues that were raised by us.
– Rafał
Get your tickets
Join us for an online workshop. Secure your spot today!
Early Bird (-30%) pricing expires in just
May 18
Start at 9AM (CEST) • Duration 8h
Last Call (-15%) Price
399 -> 339 EUR
- Full-day workshop access
- Hands-on sessions with mentor
- Certificate of Participation
- Q&A Session
Architecture
Join our priority list
WAITING LIST
- Full-day workshop access
- Hands-on sessions with mentor
- Personal Certificate of Participation
- Q&A Session
Best value
2- Days Workshop
Start at 9AM (CET) • 2x (online)
Architecture + Signal Forms
699 → 449 EUR
4 spots left with promo price!
Dates:
Architecture: 02.03
Signal Forms: 03.03
-
Benefits from Architecture
+ Signal Forms included
Team Workshop
Bring this workshop to your team!
Learn more
- Agenda tailored to your project
- Flexible dates for your team
- Google Developer Expert trainers
- Work on your codebase (optional)
Architecture + Signal Forms
Why us?
Projects worldwide
USA, Germany, UK,
Norway, Belgium
Angular experts
Who have coded in Angular
since its release
Years of experience
Building enterprise-scale
web applications
Bring This Workshop to Your Team!
Want to upskill your entire dev team? This Angular workshop is also available as a private in-house or remote session, fully adapted to your team’s needs, codebase, and experience level.
FAQ
Who is this Angular workshop for?
For developers who have been working with Angular but haven’t had time to catch up with the latest changes.
Also ideal for those early in their Angular journey (up to ~1 year) who want to understand modern patterns, architecture, and tooling.
Will the workshop be recorded and available for later access?
No, the workshop will be live only. There will be no recordings available afterwards.
In what language will the workshop be conducted?
The workshop will be conducted in English.
Is there any certification or proof of participation?
Yes, every participant will receive a certificate of participation after completing the workshop.
Do I need to install anything before the workshop?
No installation is required. All coding exercises will be done in-browser using StackBlitz.