Hola!

Soy Manuela Castrillón

ManuCastrillonM

La pizza

Mickey Mouse

Hacer ejercicio

Programar

Me gusta

Y él es Mango... mi mascota

App Híbrida

Web App

App Nativa

Páginas web optimizadas para móviles

Desarrollo mas sencillo y rápido

Multiplataforma

Acceso limitado a los recursos del equipo

Menor rendimiento

Específicas para cada tipo de dispositivo

Mejor aprovechamiento de recursos

Mayor rendimiento

Mejor experiencia de usuario

Mayor costo en tiempo y dinero

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