Modern Angular

Master the latest Angular features to build modern applications. Learn how to use standalone components, signals, the new inject method and much more.

Background pattern
Angular Logo
Angular Logo - Dependency Injection
Angular Logo - Performance
Angular Logo - Forms

Level.Intermediate

Duration.2 days

Top Rated.Top Rated

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 for dependency injection. We will also teach you to understand signals and fine-grained reactivity too boost your application's performance. We cover all details of ngOptimized Images, SSR and how to scale component architecture.

Agenda

  • Checkmark.

    Standalone Components, Directives and Pipes

  • Angular Logo - Dependency Injection

    Dependency injection: New inject method

  • Angular Logo - Dependency Injection

    Functional guards, interceptors & resolvers

  • Angular Logo - Dependency Injection

    New provider functions

  • Angular Logo - Router

    New router provider

  • Angular Logo - Performance

    Signals: Angular's new reactive primitive

  • Angular Logo - Forms

    Typed reactive forms

  • Angular Logo - Templates

    Directive composition API

  • Angular Logo - Performance

    NgOptimizedImage

  • Angular Logo - Universal

    SSR & hydration

  • Nx Logo

    Learn the basics of Nx workspaces

  • Angular Logo - CLI

    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.

Your trainer for this workshop

Julian-Jandl-profile-pic

Julian Jandl

Software Engineer, Trainer

Performance Expert
Trainer