Learning AngularJS Animations

Tutorial paso a paso de Richard Keller, publicado por Packt en 2014, dedicado a mejorar la experiencia de usuario con animaciones en aplicaciones AngularJS 1.x mediante el módulo ngAnimate. Sirve tanto a quien está empezando con AngularJS como a desarrolladores con experiencia en el framework. Ayuda conocer HTML, CSS y JavaScript, y tener nociones básicas de directivas de AngularJS.

Los primeros capítulos repasan los fundamentos de animación web que no dependen de AngularJS: transiciones CSS3, animaciones con keyframes y transformaciones. Después se aplican a las directivas nativas de AngularJS (ngRepeat, ngShow/ngHide, ngIf, ngView y similares) usando las clases que añade ngAnimate, ya sea con CSS o con JavaScript. Luego explica cómo animar directivas propias con el servicio $animate y su ciclo de vida, cómo combinar animaciones CSS y JavaScript (incluidas alternativas con jQuery) y cómo crear animaciones escalonadas (staggering) para listas. Termina con un capítulo de rendimiento que usa Chrome DevTools para detectar y corregir animaciones costosas.

El libro se aprende siguiendo ejemplos breves y concretos, no construyendo una aplicación completa. Según algunos lectores, esos ejemplos son bastante sencillos y la muestra de código tiene algún fallo puntual. Su valor está en explicar con claridad cómo se integra ngAnimate en el ciclo de las directivas, algo poco documentado en su época. Hoy es sobre todo útil para mantener aplicaciones AngularJS heredadas: el Angular moderno usa @angular/animations, con otra API, aunque los fundamentos de CSS3 y de rendimiento siguen vigentes.