Modern Angular February
Master the Latest Angular Features to Build Modern Applications. Learn how to use standalone components, signals, the new inject method and much more.
Agenda
Standalone Components, Directives and Pipes
Dependency injection: New inject method
Functional guards, interceptors & resolvers
New provider functions
New router provider
Signals: Angular's new reactive primitive
Fine-grained change detection
Typed reactive forms
Directive composition API
NgOptimizedImage
SSR & hydration
Learn the basics of Nx workspaces
Esbuild
Description
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 already got their hands dirty on the latest Angular features.
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 signals and fine-grained reactivity, which are powerful features that allow you to write more efficient and performant 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 interactions.
We will also cover typed reactive forms, which where shipped in Angular 14. With typed forms, you can finally build type-safe forms.
In this course we will also dive into the directive composition API which will help you write more efficient and maintainable code, and make it easier to work with complex components
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 setup a Nx workspace, create libraries and implement best practices to structure your application.
Takeaways
Learn how to use standalone components to build modular and scalable applications.
Understand signals and fine-grained reactivity to make your code more efficient and scalable.
Understand how to use the new inject function to inject dependencies directly into your components.
Know how to use typed forms to ensure that your forms are always properly validated.
Learn how to use provider functions and directive composition API to create powerful and reusable components.
Learn how to use Nx to manage your projects and build better applications.