03.03 | 9 – 5 PM (CET) | Online
Workshop Angular Performance + SSR
Build the future of Angular with Zoneless and Signals. Master strategic bundle optimization and advanced SSR to deliver lightning-fast performance and peak Core Web Vitals in every project.
Is it for you?
Stop fighting performance bottlenecks and start leveraging Angular’s new reactive engine. The framework has undergone a massive evolution, moving from a heavy Zone.js dependency to a lean, Signal-powered architecture.
Whether you’re struggling with poor LCP scores or SSR hydration errors, it’s time to move beyond trial and error. Master the shift to Zoneless and learn to deliver lightning-fast, SEO-optimized applications without “double data fetching” or manual platform-check hacks.
Takeaways
Master Zoneless Change Detection
Understand why Angular 21 made zoneless the default and what it means for your existing applications. Learn the decision framework for when to keep Zone.js vs migrate fully.
Diagnose performance issues like a pro
From Chrome DevTools flamegraphs to Angular DevTools component profiling – master the complete diagnostic toolkit. Set up Lighthouse CI in your pipeline and establish performance budgets that your team can actually track and enforce.
Optimize bundles strategically
Go beyond basic lazy loading. Master @defer blocks with all trigger types, understand what really gets tree-shaken, and learn to defer heavy dependencies like animations. Achieve 30-50% bundle size reduction with practical techniques.
Implement SSR & Hydration correctly
Stop guessing – use the rendering decision matrix to choose SSR vs SSG vs CSR per route. Configure incremental hydration powered by @defer for 40-50% LCP improvements. Understand Event Replay and streaming SSR for zoneless apps.
Leverage Signals for reactive performance
Replace Zone.js-dependent patterns with signal(), computed(), effect(), and linkedSignal(). Understand signal-based queries and inputs. Know when to use toSignal()/toObservable() for RxJS interop without sacrificing performance.
Apply production-ready best practices
Set up Vitest with zoneless testing patterns using fixture.whenStable(). Establish a monitoring strategy that catches regressions before they hit production.
Agenda
Check out what we will be discussing at the workshop!
Duration: 8 hours.
Foundations (1h 30min)
• Web Vitals
•DevTools
•Performance Budgets
Change Detection Revolution (2h)
• Zone.js legacy
• Zoneless default
• Signals
Loading & Bundle Optimization (2h)
• Bundle analysis
• Lazy loading
• @defer
SSR & Hydration (2h)
• Rendering matrix
• Incremental Hydration
• Route-level render
Production Ready (30min)
• Quick wins
•Vitest
•Review process
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
Mateusz Stefańczyk
Google Developer Expert
For 9 years, Mateusz has been developing web applications with Angular. He has performed dozens of audits for Angular projects worldwide. Mateusz actively participates in the angular.love community, writing expert articles, and sharing his knowledge at Angular meetups in Poland, Norway, Germany, and the UK.
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 Modern Angular workshop. Secure your spot today!
Signal Forms
Start at 9AM (CET) • Duration 8h
Date: 03.03
300 EUR
- Full-day workshop access
- Hands-on sessions with mentor
- Certificate of Participation
- Q&A Session
2- Days Workshop
Start at 9AM (CET) • 2x (online)
699 -> 449 EUR
4 spots left with promo price!
Dates:
Architecture: 02.03
Signal Forms: 03.03
-
Benefits from Architecture
+ Signal Forms included
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.