Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.1 Introduction

In this course you'll learn how to code simple animations in Angular 2. Follow along as I create some test animations to switch a button between active and inactive states.

1.How to Animate Your Angular 2 App
2 lessons, 08:47

Free Lesson
1.1
Introduction
00:59

1.2
How to Animate Your Angular 2 App
07:48


1.1 Introduction

[SOUND] An important part of developing a web app is the user interface. You could have the best app in the world, but if it's not attractive or comfortable to the user, it will be overlooked. One of the ways that you can make your app stand out is the inclusion of animations. These animations are subtle at best but they give your user interface a professional touch. Adding animations, changing your button color, or moving it to a different position when clicked are just a few examples of how you can add animations to your apps. In Angular 2 we have access to use animations in our components, but with everything you need to learn about the framework, you may not know where to begin configuring animations. In this coffee break course we will look at a sample project and learn how animation is added to your components. Using standard CSS transforms we will be able to animate the elements in our templates. Once you understand the basics, adding animations to your Angular 2 projects will be simple. Check out the Angular 2 animations course on Tuts+

Back to the top