Course Structure and Intended Audience

Learn how the course is structured, its prerequisites, and its target audience.

This course assumes an intermediate understanding of HTML, CSS, TypeScript, and the Angular framework. The course will dive straight into various animation techniques, how they work, and how you can add them to your Angular application. A familiarity with the core features of Angular would also be ideal because some animation techniques involve combining Angular and non-Angular features.

Intended audience

Animations are an important aspect of the user experience. Creating animations can be a daunting task that involves knowing which tools are available and how to effectively use them to meet the requirements.

If you want to add animations to your application but are unsure of how to go about doing that, then this course will help remedy that. Whether you are new to animations or want to learn techniques to better implement your existing animations, this course will help you meet your specific goals.

The course is divided into four main sections, which in turn are subdivided into six chapters, which cover a specific aspect or animation technique.

Each chapter will focus on one animation method where we will do a deep dive into its usage and application. We’ll start with the easier methods and move on to more advanced ones as we make our way through the course.

Part 1: General animation techniques

The first three chapters cover general animation techniques not specific to the Angular framework. The lessons in these chapters start with an introduction to each animation technique, followed by a broader explanation of how they work and how to use them. Each chapter then demonstrates how to use each animation technique in an Angular application. We’ll also learn how to combine these animations with Angular’s features to create beautiful animations that integrate nicely with Angular.

Part 2: Angular animations

The following chapter covers Angular animations, Angular’s built-in animation module. Unlike the earlier chapters, this chapter will discuss Angular animations only in the context of an Angular application because it’s a feature of the framework. The fourth chapter will discuss both the core and the more advanced features of Angular animations.

Part 3: External libraries

Sometimes, animations are difficult, or even impossible, to create with only built-in tools. The fifth chapter of the course will go through animation library options that work well with Angular. Each lesson will discuss one library, complete with steps to install, configure, and use them in our Angular applications.

Part 4: Appendix

Lastly, the sixth chapter will go through a few tips and tricks when working with animations. Although this chapter focuses mainly on shortcuts that can be used on animations in Angular, some of the content is framework agnostic and is also applicable outside of Angular.