jump to navigation

Animaciones en AngularJS 13.11.13

Posted by Migsar in Computación.
Tags: , , ,
trackback

He estado explorando AngularJS y me ha costado un poco de trabajo adaptarme a la forma de programar, sin embargo, una vez entendidos los conceptos me resulta asombroso lo elegante que es. No he visto muchos scripts en angular que se enfoquen en la parte visual, si bien es cierto que angular no interfiere con otras bibliotecas como jQuery, también es cierto que el paradigma bajo el que se programan es bastante diferente, y comparto la opinión de que si se tiene que usar jQuery en la mayoría de los casos implica que no se entienden los conceptos y el alcance de los elementos de angular. Por otro lado, algunas veces ya existe una solución a nuestro problema programada en jQuery y en esos casos es mucho más sencillo incluir el plugin que reinventar la rueda.

Buscando información sobre la animación con angular llegué a AngularJS Animations, es un sitio bastante simple pero completo, con la información necesaria y algunos ejemplos para empezar a animar con angular. En general existen dos posibilidades de animación: CSS y JS, en el primer caso la animación se hace con las transiciones y animaciones de CSS y si uno quiere ser estricto con la definición, sólo es posible hacer animaciones respecto a ciertos eventos que están incluidos en CSS como el hover; en el segundo caso también se utilizan las hojas de estilo pero se animan directamente a través de JS, por lo que la cantidad de eventos y el alcance es mucho mayor, existe un tercer caso en el que es exclusivamente JS y se refiere a usar canvas o webGL, este caso es un poco más complicado porque no existen tantas funciones predefinidas para ayudar con el trabajo, además de que uno se tiene que hacer cargo casi por completo de la interacción con el usuario.

Angular usa las directivas para lograr la animación y el modo es bastante similar al de jQuery en superficie, pero es algo diferente conceptualmente, ya que el uso casi obligatorio de MVC hace que la estrategia para resolver problemas sea más complicada en la parte de diseño y mucho más simple en la de implementación.

Anuncios

Comentarios»

No comments yet — be the first.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

w

Conectando a %s

A %d blogueros les gusta esto: