Animation is no longer an optional feature in web applications. Users expect it, and so we as developers must oblige. If you're writing an AngularJS-based application, then you already have a wealth of built-in animation tools available. These tools will eliminate a lot of the hard work that normally comes along with animating a web app.
In this course, Tuts+ instructor Jeremy McPeak will teach you about AngularJS 1.4's revamped
ngAnimate, the module responsible for animation.
ngAnimate is built on CSS3 animations, so you'll learn a lot about those along the way. To demonstrate the power of these technologies, for the course project Jeremy will extend the SoundCloud application to incorporate animated UI elements.
1.Introduction1 lesson, 01:03
2.Getting Started3 lessons, 23:16
3.Directives With Built-in Animation Support6 lessons, 45:18
5.Conclusions1 lesson, 00:30
Animations have quickly become a requirement for any website or application, and we have mobile platforms to thank for that. Users now expect animations in all aspects of our user interface. And if you're writing your web site or application with AngularJS, you have a very powerful tool at your disposal. It's called ngAnimate and in version 1.4, ngAnimate has been completely revamped to be more efficient, flexible and performant. Hi, my name is Jeremy McPeak for Tutsplus and welcome to animate your site with angular JFs. Over the next hour and a half, I will teach you how you can add animation to your angular based applications. Throughout this course, we're going to take a dull and lifeless UI and turn it into a marvel of artistic expression. Okay, maybe not. But with each lesson you will learn what you need in order to use ngAnimate to enhance your user's experience. So when you're ready, cue of the next video and we'll get started.
2. Getting Started
2.1 The Soundboard Application