IONIC un nuevo framework para crear Apps

Manuel Raigón 20 Marzo 2015
4min
0

El desarrollo de aplicaciones móviles es presente y futuro para cualquier programador informático, por lo que hoy vamos a hablar sobre IONIC, un framewok gratuito y de open source diseñado para crear aplicaciones móviles en múltiples plataformas. Este Framework utiliza como base Apache Cordova, está construido con Sass y optimizado con Angular JS.

 

¿Que es Apache Cordova, Sass y Angular JS?

Los tres son Framework, que se utilizan para el desarrollo de aplicaciones moviles, utilizando herramientas web genéricas como Javascript, HTML5 y CSS. Los tres son de código abierto y desarrollado por la comunidad.

Características

El objetivo de IONIC es ejercer un modelo vista-controlador (MVC), un patrón basado en la ideología de separación de conceptos, que separa los datos, la lógica y las interfaces de usuario.

Entre las principales características de IONIC, es la inclusión de una  interfaz de línea de comando, ya que podrás crear y compilar tus aplicaciones en cualquier plataforma.También tiene un alto rendimiento, a causa dee una mínima manipulación del DOM(estructura de objetos que genera el navegador cuando se carga un documento),aceleraciones de transiciones y no trabaja con JQuery.

Unos de los rasgos mas importantes y que caracterizan a IONIC es su diseño, ya que es muy sencillo de manejar, funcional, limpio (característica muy importante para los desarrolladores) y sobre todo optimizado para trabajar en casi todos los dispositivos móviles actuales. Una funcionalidad que ha sido incluidad hace poco es la opción de poder desarrollar con el diseño de la interfaz Material Design, incluido en el tan aclamado o no, versión de Android Lollipop 5.0.

Primeros Pasos

Tener instalados el Node.js, el JDK de java, Android Studio, Apache Ant y por último IONIC, además de añadir variables al entorno de ejecución.

http://www.blaiseliu.com/getting-started-with-ionic-framework/ descargar de Node.js

http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html descargar JDK de Java.

https://developer.android.com/sdk/index.html#download descargar e instalar Android Studio.

http://ant.apache.org/bindownload.cgi instalar Apache Ant, descomprimiendo en la ruta c:\

http://ccoenraets.github.io/cordova-tutorial/create-cordova-project.html creación de la primera aplicación.

Nota: al final del post dejaré unos enlaces para la instalación, tanto en Linux como en Windows.

A la hora de instalar IONIC, estos son los principales comandos desde una consola de comandos en Windows(cmd):

1. npm install ionic -g

2. npm install cordova -g

Una vez que tengamos instalado IONIC y Cordova, crearemos un nuevo proyecto en blanco:

ionic start [nombre de la app] blank

Si bien queremos un proyecto nuevo con una estructura de menú inferior o lateral:

ionic start [nombre de la app] tabs
-o-
ionic start [nombre la la app] sidemenu

Para ejecutar y compilar tu app en el navegador utilizaremos el siguiente comando:

ionic serve -c -s

Previamente de ejecutar y compilar la app, tenemos que emularlo:

ionic platform add android

Para ejecutar y compilar tu app en tu dispositivo móvil utilizaremos el siguiente comando:

ionic run android

Finalmente, el equipo Drifty (desarroladores de IONIC) ha creado una nueva herramienta "IONIC creator" el cual ejerce las mismas funcionalidades (modo gráfico), aunque sin tocar código, no obstante ahora mismo esta en una version beta.

url: http://ionicframework.com/creator/

URL

http://www.blaiseliu.com/getting-started-with-ionic-framework/ instalación de IONIC Windows.

http://www.taringa.net/posts/linux/17853860/Instalar-Ionic-en-Ubuntu-desde-0.html instalación de IONIC desde Ubuntu.

http://ionicframework.com/docs/components/#header componentes CSS de IONIC.

http://ionicmaterial.com/ IONIC Material Design.

http://ionicframework.com/ web oficial de IONIC (también incluyen ejemplos hechos de app de la comunidad).

http://plugins.cordova.io/ plugins de IONIC y Cordova.

 

Un saludo, nos vemos en el siguiente post.