Hola!

Soy Manuela Castrillón

ManuCastrillonM

La pizza

Mickey Mouse

Hacer ejercicio

Programar 

Me gusta

Y él es Mango... mi mascota

Páginas web optimizadas para móviles

Desarrollo mas sencillo y rápido

Multiplataforma

Acceso limitado a los recursos del equipo

Menor rendimiento

Aplicación nativa inmersa en una web app

Acceso a parte del hw

Multiplataforma

Menos experiencia de usuario

Which One?

Ionic

Framework para desarrollo de aplicaciones

web e híbridas

Brinda la experiencia de usuario de una app nativa.

Combinan la funcionalidad de los navegadores con la del móvil

Ejemplos

Aprovecha al máximo la versatilidad de un desarrollo web y tiene la capacidad de adaptarse  al dispositivo como una app nativa

Ejemplos

Plataformas

Ionic Native

Permite utilizar los plugins nativos de Cordova en nuestra aplicación híbrida.

Arquitectura

Estructura

Estilo

Funcionalidad

¿Por que Ionic?

• 100% Open source

• ¿Sabes desarrollo web?... Entonces sabes desarrollar una aplicación móvil

• Compatible con múltiples plataformas

• Documentación y comunidad

• Mejor desempeño respecto a otros frameworks

• Mas de 120 plugins nativos disponibles

Manos a la obra....

   Atención! Antes de instalar Ionic debes tener instalado Node.js.

   Si utilizas Linux, te recomiendo esta guía de instalación

> npm install -g cordova ionic
> ionic start [nombre-de-la app] blank
> cd [nombre-de-la app]
> ionic serve 

Nuestra primera app!

Estructura de un proyecto

+ info

se utiliza para añadir scripts que se ejecutarán cuando se produzcan determinados eventos, como por ejemplo antes o después, de la compilación

Recursos específicos de las plataformas

Contiene el código fuente principal de nuestra aplicación web: HTML, CSS, JavaScript, imágenes, etc.

Contiene la configuración de Cordova (o PhoneGap) con las opciones especificas para cada plataformas de compilación.

Generar SDK para Android

> ionic cordova platform add android
> ionic cordova build android

~/.bashrc

export ANDROID_HOME=$HOME/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/platform-tools