Category Archives: Ionic Framework

Ionic Framework – Aplicaciones móvil híbridas con AngularJS

AngularJS, Desarrollo Móvil, Famo.us, Ionic Framework

Hay veces en la que queremos sacar un proyecto móvil, pero para ello debemos pensar en que plataforma desarrollamos primero o como vamos a replicar lo que hemos hecho en una plataforma a otra.

Pues bien, eso tiene un remedio. Utilizar un framework Html5 y luego, con cordova, nos genere la extensión correspondiente para el sistema operativo. Hay muchos como Appcelerator, SenchaTouch, JQuery Mobile y demás. Pero en la actualidad, tenemos un framework Javascript con bastante repercusión como es AngularJS, por lo que hará cosa de unos pocos meses, descubrí  Ionic Framework.

Es un frameworks Html5 basado en AngularJS. Consta de multitud de directivas que el equipo ha desarrollado para que la utilicemos y tengamos una aplicación Html5 con vista móvil.

La gran ventaja, es que habiendo tocado AngularJS, no nos costará mucho adaptarnos. Tenemos demos para empezar y modificarlos para entender la distribución de elementos y funcionalidad. Como es evidente, puedes maquetar cualquier diseño que te apetezca. Hay una gran comunidad, que suelen contestar a menudo a parte de que cualquier solución que encuentres para aplicaciones AngularJS podrás aplicarlas en Ionic.

En breve, Ionic, dispondrá de un editor para la maquetación y prototipado de una app móvil: https://creator.ionic.io/
Para iconos, tienes una gran galería disponible: http://ionicons.com/
Una gran galería de 63+ extensiones AngularJS: http://ngcordova.com/

Próximo post, intentaré mostraros una pequeña aplicación que conecta con una API y nos muestra el tiempo de cualquier parte de España.

Lo considero una buena opción para aplicaciones que sean en plan peticiones a una API, gestión de contenidos y demás, cosa de trabajar directamente solo con HTML5. Aunque también puedes trabajar con Android o IOS en paralelo, pero llegan ciertos momentos que se nos complica y hay casos que nos conviene trabajar directamente en nativo.

tags: ,