Building applications, especially larger ones, with Angular on the frontend, you risk running into performance bottlenecks. Therefore, to still be able to deliver a fast user experience, you must know how to identify and remove the problems that are causing poor performance. In this workshop, we'll take a deep dive into how Angular performance optimization works and push its change detection mechanisms to the limit. Furthermore, we'll have in-depth sessions on optimizing JS code and native rendering performance.
High-Speed Angular Applications on Any Device.
The web has never been more exciting! But it has also never been as demanding to our devices and infrastructure as it is today. Our browsers ship new features and languages get updates only to squeeze out the last bit of performance we can get.
The problem here, there are no real resources out there that show us how to apply those optimization techniques in practice. This is especially true when it comes to framework-specific questions.
This workshop will go way beyond the basics to boost your knowledge and skills. If you really want to learn about improving the performance of your Angular application, you need to be aware of and comfortable with way more than the async pipe, ChangeDetectionStrategy.OnPush & trackBy.
Building applications, especially larger ones, with Angular on the frontend, you risk running into performance bottlenecks. Therefore, to still be able to deliver a fast user experience, you must know what techniques to use to identify and remove the problems that are causing poor performance.
In this workshop, we will take a deep dive into how Angular performance optimization works and push its change detection mechanisms to the limit. Furthermore, we will have in-depth sessions on generally optimizing JavaScript code and native rendering performance.
You will go home with lots of exercises to guide you and a wealth of insights to work with, impressed by how much faster your application can get.
Some of the in-depth topics we will cover include:
Take your skills to the next level!
If you already know REDUX or reactive state management patterns and want to learn more about the internal architectural implementation details, this is the workshop you need to book. Local component state, flattening operators, contextual state and its display component templates – this workshop will provide a solid foundation from which you can continue to develop these and many more advanced skills pushing your knowledge to the next level.
Some of the in-depth topics we will cover include:
If you already know REDUX or reactive state management patterns and want to learn more about the internal architectural implementation details, this is the workshop you need to book. We start off with some theory to deepen the understanding of global and local state, learn about common terms like model and viewmodel, and determine how to apply this knowledge in our Angular applications.
Defining the state of your application can be a cumbersome task. Done wrong, it can potentially lead to utterly complex scenarios that harm the performance of your components. Learn how to effectively make use of state derivations and master communication with async APIs powered by RxJS flattening operators like exhaustMap. Efficiently reflecting a reactive state in the UI is key to providing exceptional user experiences.
Yet, the task can easily be further complicated – managing state coming from asynchronous APIs (e.g., websockets, Http results) in your UI adds a whole new layer of challenges to handle. In this workshop, we will focus on a practical approach to understanding and addressing this problem.
To this end, together we will examine the terms suspense, next, error and complete, and identify the different states that reactive data sources reflect in the UI. We will round up by enhancing your knowledge about the best practices around OOP design patterns.You will also learn how patterns like Adapter or MVVM can increase the scalability and maintainability of your Angular applications. In the end, you will be able to apply all the performance and scalability relevant software design patterns to your Angular applications.
Master the Latest Angular Features to Build Modern Applications.
Learn how to use standalone components, signals, the new inject method and much more.
In this course, you will learn how to use standalone components to build more modular and scalable applications. You will also learn how to use the new inject function to inject dependencies directly into your components. We will also teach you how to use typed forms to ensure your forms are always properly validated.
Our Modern Angular course is designed for developers who are already familiar with Angular and want to learn the latest features and techniques for building modern applications. This course is taught by experienced Angular developers who have worked on some of the most complex Angular projects.
The course starts with an introduction to standalone components, which are a new feature in Angular 15. You will learn how to use standalone components to build more modular and scalable applications, and how to reuse them across multiple projects.
Next, we will cover the new inject function, which allows you to inject dependencies directly into your components. This makes it easier to write cleaner and more maintainable code, and reduces the amount of boilerplate you need to write.
We will also cover typed forms, which are a new feature in Angular 15. With typed forms, you can ensure that your forms are always properly validated, reducing the risk of errors and making your code more robust.
Next, we will cover the new provider functions and directive composition API, which allow you to create more powerful and reusable components. This will help you write more efficient and maintainable code, and make it easier to work with complex components.
We will also cover signals and fine-grained reactivity, which are powerful features that allow you to write more efficient and scalable applications. You will learn how to use these features to improve the performance of your applications, and how to make your code more responsive to user input.
Finally, we will teach you the basics of Nx, which is a powerful tool for building scalable and maintainable Angular applications. You will learn how to use Nx to manage your projects, and how to use its powerful features to build better applications.