Workshop Logo

Modern Angular

Master the latest Angular features, including signals, modern change detection, directive composition API, standalone components, lazy loading, new router APIs, functional guards and a lot more.

Level
Advanced
Duration
2 days or 4 half days
Prerequisites
Location options
Remote
Onsite

For whom is this workshop for?

Junior and Senior Angular developers who want to be up-to-date with modern Angular features

Workshop Agenda

icon

Signals

  • Understand what signals are and the benefits of using them
  • Learn how to use computed and effect
  • Signal inputs
  • Signals and Rxjs interoperability
icon

Modern Change Detection

  • Zoneless change detection
  • Change Detection Scheduler
  • Hybrid change detection
icon

Directive Composition API

icon

Standalone APIs

  • Standalone components
  • Provider functions
  • Migration path and advice for existing applications
icon

Inject Function

icon

New Router APIs

  • Functional guards
  • Functional Resolvers
icon

Control Flow Syntax

icon

Deferable Views

icon

Angular Query

  • Game-Changer how we manage state in Angular applications
icon

And much more

  • ngOptimizedImage
  • SSR improvements
icon

Future of Angular

  • Where Angular is heading

Description

The modern Angular workshop is designed to teahc developers the modern Angular features like standalone components, signals and more. We will not only explore the latest features but also give advice how to transition existing applications.

We will explore the new change detection mechanism and zoneless change detection, the new directive composition API, standalone components, provider functions, the inject-function, declarative lazy loading with deferable views, and the new control flow syntax.

Learn to use Angular’s new inject function for dependency injection, along with standalone components, directives, and pipes, enabling a more modular, declarative approach. You’ll also explore declarative lazy loading with deferable views, improving app performance.

We’ll dive into new control flow syntax and cover the latest router APIs, including functional guards, resolvers, interceptors, and the new router provider. By the end, you'll be able to implement modern Angular practices and maximize the potential of your applications.

Takeaways

After completing the workshops you are able to:

  • Be up-to-date with the latest Angular features
  • Understand what signals are and the benefits of using them
  • Understand how to use computed and effect
  • Understand the new change detection mechanism and zoneless change detection
  • Know how to use the new directive composition API
  • Utilize standalone components & provider functions
  • Utilize the inject-function
  • Implement declarative lazy loading with deferable views for optimized performance
  • Use the new control flow syntax

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.