2015
Tuts+
Jeremy McPeak
1:24
English

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.Introduction
1.1 Introduction
2.Getting Started
2.1 The Soundboard Application
2.2 CSS3 Animations
2.3 CSS3 Keyframes
3.Directives With Built-in Animation Support
3.1 ngClass
3.2 ngView
3.3 ngRepeat
3.4 ngShow and ngHide
3.5 ngModel and ngMessages for Form Validation
3.6 Animation Anchoring
4.Custom JavaScript Animations
4.1 Using the $animateCss Service
5.Conclusions
5.1 Conclusion

Download File Size:905.53 MB

---