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.
Agenda
- 01
Foundations (1h 30min)
- Web Vitals
- DevTools
- Performance Budgets
- 02
Change Detection Revolution (2h)
- Zone.js legacy
- Zoneless default
- Signals
- 03
Loading & Bundle Optimization (2h)
- Bundle analysis
- Lazy loading
- @defer
- 04
SSR & Hydration (2h)
- Rendering matrix
- Incremental Hydration
- Route-level render
- 05
Production Ready (30min)
- Quick wins
- Vitest
- Review process
Interested in lightning-fast Angular apps?
Max 15 seats groups. 1:1 GDE mentoring included.
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.
Benefits
Hands-On Exercises
Real coding tasks, not just slides.
Q&A Session
Time to ask about your own project.
Small Group
Max 15 people, so everyone gets attention.
Certificate
Proof of your updated Angular skills.
1:1 With A GDE
A private 30-min call about your codebase.
Fully Online
Join live from anywhere in the world.
Trained developers
Software engineers, architects and tech leads
Workshop Rating
Based on post-workshop participant feedback
Google Developer Experts
Core contributors to Angular.love, leading the Angular community
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.”
“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.”
“What I appreciated most about Mateusz' 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.”
“First session delivered by Fanis was amazing — from the first slide he showed his passion and the in-depth knowledge that he has. I was quite sceptic about the NX setup but his slides and practical sessions helped to understand it better and see the benefits. Sessions on Signal Forms by Mateusz made me push harder for an Angular 21 upgrade at my work. The delivery was exceptional; lab sessions covered each topic in real depth and were easy to follow.”
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.
What happens if the minimum group size isn't reached?
We will get in touch with you ahead of time. You will have the choice to either transfer your registration to a new workshop date or receive a full 100% refund.
Do I need to install anything before the workshop?
No installation is required. All coding exercises will be done in-browser using StackBlitz.
Do you issue invoices?
Yes. Immediately after purchasing via Stripe, you will receive an automatic receipt. Shortly after, we will manually issue and email you our official company invoice.
Can I get an invoice with a deferred payment term?
Absolutely! If you need an invoice with specific payment terms, email us at workshop@houseofangular.io, and we will issue one for you.