You're reading from Learning Angular A no-nonsense beginner's guide to building web applications with Angular 10 and TypeScript

Product type Paperback

Published in Sep 2020

Publisher Packt

ISBN-13 9781839210662

Length 430 pages

Edition 3rd Edition

Languages

JavaScript

Tools

Angular

Concepts

Front End Web Development

Authors (2):

Aristeidis Bampakos

Pablo Deeleman

View More author details

Table of Contents (19) Chapters

Preface

1. Section 1: Getting Started with Angular

2. Chapter 1: Building Your First Angular App FREE CHAPTER

3. Chapter 2: Introduction to TypeScript

4. Section 2: Components – the Basic Building Blocks of an Angular App

5. Chapter 3: Component Interaction and Inter-Communication

6. Chapter 4: Enhance Components with Pipes and Directives

7. Chapter 5: Structure an Angular App

8. Chapter 6: Enrich Components with Asynchronous Data Services

9. Section 3: User Experience and Testability

10. Chapter 7: Navigate through Components with Routing

11. Chapter 8: Orchestrating Validation Experiences in Forms

12. Chapter 9: Introduction to Angular Material

13. Chapter 10: Giving Motion to Components with Animations

14. Chapter 11: Unit test an Angular App

15. Section 4: Deployment and Practice

16. Chapter 12: Bringing an Angular App to Production

17. Chapter 13: Develop a Real-World Angular App

18. Other Books You May Enjoy

Leave a review - let other readers know what you think

Chapter 10: Giving Motion to Components with Animations

Nowadays, animations are one of the cornerstones of modern user experience design. Far from just representing visual eye candy to beautify the UI, they have become an essential part of the visual narrative. Animations pave the way to convey messages in a non-intrusive way, becoming a powerful tool for informing the user about the underlying processes and events that happen while they interact with an application, thus enhancing the application's user experience. Animations are language-agnostic, not necessarily bound to a single device or environment (web, desktop, or mobile). In other words, animations are here to stay, and Angular has a strong commitment to this aspect of modern visual development.

With all modern browsers embracing the newest features of CSS for animation handling, Angular offers support for implementing imperative animation scripting through an incredibly simple but powerful API. In this chapter, we...