Workshop Logo

Angular Advanced

Master advanced Angular concepts: change detection, RxJs, signals, component patterns, state management, Nx essentials, architecture patterns, and advanced testing techniques.

Level
Advanced
Duration
3 days or 6 half days
Prerequisites
Location options
Remote
Onsite

For whom is this workshop for?

Angular Developers with at least 1 year of experience
Experienced Frontend developers who know Angular fundamentals

Workshop Agenda

icon

RxJs in-depth

  • Advanced Error Handling
  • Higher-order Observables
  • Subscription-Less components
  • Building reactive flows
icon

Signals deep-dive

  • What are signals?
  • Using signals for optimized change detection
  • Reactive primitives: signal, computed, effect
  • Effective combination of RxJs and Signals
icon

Change Detection in-depth

  • How does Angular's change detection work?
  • zone.js and post-zone.js
  • Profiling and optimizing change detection
  • Performance Optimization strategies
  • Change detection optimization techniques
icon

State Management

  • Global state management
  • Local state management
icon

Advanced Component Patterns

  • Building reactive components
  • Leveraging local state management solutions
icon

Nx Essentials

  • What is nx
  • Libraries and library types
  • Enforcing architecture in Angular projects
icon

Advanced Architecture Patterns

  • Architecting for scale and maintainability
  • Component architecture best practices
  • Different architecture patterns like the facade pattern
icon

Advanced Testing Essentials

  • Component testing with Cypress or Playwright

Description

This advanced Angular workshop delves into high-level concepts, designed for developers seeking to deepen their expertise in building optimized, scalable applications. The session begins with an in-depth look at Angular’s change detection system, exploring how it works, the role of zone.js and post-zone.js environments, as well as strategies for profiling and optimizing change detection for improved performance.

You’ll explore RxJs and signals in-depth to manage complex data streams more effectively. The workshop also covers advanced component patterns, focusing on local state management, along with state management strategies at both global and local levels.

A dedicated section on Nx Essentials will introduce you to Nx, its various library types, and how to enforce architectural patterns in your Angular projects. You’ll also learn advanced architecture patterns to further enhance the scalability and maintainability of your applications.

Finally, we’ll dive into advanced testing essentials, where you’ll master component testing using Cypress or Playwright, ensuring that your applications are thoroughly tested and maintainable.

This workshop provides the knowledge to build optimized, high-performance Angular applications with advanced architectural insights and testing techniques.

Takeaways

After completing the workshops you are able to:

  • Master Angular’s change detection, including zone.js, post-zone.js, and optimization strategies
  • Understand how to leverage OnPush change detection strategy for performance gains
  • Profile and optimize change detection for performance gains
  • Handle complex asynchronous operations using RxJs and signals
  • Implement advanced component patterns with a focus on local state management
  • Apply global and local state management techniques for scalable applications
  • Understand Nx, library types, and how to enforce architecture in Angular projects
  • Integrate advanced architecture patterns for optimal app design
  • Perform component testing using Cypress or Playwright to ensure reliable and maintainable code

What is included?

  • High-quality materials with a mix of theory and exercises.
  • A lot of best practices from our enterprise projects.
  • 8 hours of follow-up coaching and consulting after the workshop. Dates and time can be arranged individually.
  • Lifetime access to the workshop materials
  • Hands-on excercises, live coding and Q&A sessions
  • Certificate of completion

Book the Workshop

FAQ about our workshops

Our workshops primarily focus on web development and software architecture. We emphasize reactive programming and architecutral patterns. As Angular consultancy we of course choose Angular as framework of our choice as it is a great fit for most enterprise projects.

In all of our workshops, we provide high-quality materials, a well-structured agenda and a balanced mix of theory and exercises. All this is combined with a lot of best practices which we gathered over the years in enterprise projects at our clients.

Yes, of course! We would be happy to come to your location and provide a workshop for your team. Just get in touch with us and we will find the perfect solution for you. However we are a remote-first company and we believe that remote workshops are as effective as onsite workshops.

Beginner workshops offer fundamental knowledge and require usually none to little pre-experience. Advanced workshops require some experience with the topic and are more in-depth. Expert workshops are for people who have a lot of experience with the topic and want to dive deep into the topic.

Besides the workshop itself, in all our workshop packages we include a 8 hours of follow-up coaching and consulting. This can be used for code reviews, architecture consulting, or any other topic you want to discuss with us.

High level workshop agenda

To give you a better feeling how our workshops are organized, we provide you here a high level overview of a typical workshop agenda.

Please note that the agenda can vary depending on the workshop and the needs of the participants. Every training is unique and we strive to provide the best possible experience for you.

09:00 - 10:30 Theory & Exercises
10:30 - 10:45 Break
10:45 - 12:15 Theory & Exercises
12:15 - 13:00 Lunch Break
13:00 - 14:30 Theory & Exercises
14:30 - 14:45 Break
14:45 - 16:15 Theory & Exercises

Not found the workshop you where looking for?

No worries, we are happy to create a custom workshop for you. Just get in touch with us and we will find the perfect solution for you.

Our other Services

Besides high-quality workshops, we offer a variety of other services to help you and your team to become more successful in your projects.