ionic y angular.js

Aplicaciones Hibridas

Sergio Iván Mayor

• Framework javascript basado en el patrón MVC para el frontend de las aplicaciones web.

• Permite crear aplicaciones de pagina única.• Cambio la vida del programador, la visión y

el enfoque de programación en el DOM.• Pertenece al stack llamado MEAN.

• Construir vistas a partir de datos.• Los datos son modificados por vistas.• La aplicación consume datos de una REST

API.• Demasiado javascript en la aplicación.

¿Cuándo usar ?

• Modelos.• Vistas.• Controladores.• Servicios y filtros.• Variables scope.

Conceptos básicos

• Framework gratuito y de código abierto.• Desarrollo de aplicaciones hibridas.• Optimizado con AngularJs.• Corre sobre Cordova.

• Alto rendimiento.• Mínima manipulación del DOM.• Transiciones por Hardware.• AngularJs es su mejor amigo.• Diseño sencillo, funcional y

multiplataforma.

Características de

• Herramienta de la nube que proporciona diversos servicios.– Sincronizar datos de aplicaciones en

tiempo real.– Hosting de aplicaciones.

• Dispone de una API muy potente.

• Facil implementación.• Sincronización instantánea.• Trabaja cuando el dispositivo esta offline.• Los datos se guardan en JSON.• Permite la autenticación con redes sociales.

Características de

• Librería de AngularJS y Firebase para la conexión a este ultimo.

• Se encarga de administrar y tercerizar las conexiones con Firebase desde la aplicación Angularjs.

• Reduce muchas líneas de código para la conexión.

• Aunque integra el framework y el servicio, es necesario instanciar en la app los tres por separado.

Ya esta la aplicación pero no es móvil … ¿Que

hago?

Historia

• Framework de código abierto.• Cuenta con muchas APIS para convertir el

desarrollo web en aplicación hibrida pero con enfoque nativo.

• Permite compilar aplicaciones para muchas plataformas con un solo desarrollo.

Componentes soportados

• Servicio en la nube de Adobe.• Compila la aplicación web en múltiples

plataformas.• Para ingresar, se debe tener cuenta en

Github o en Adobe.• Existen dos planes; uno gratuito y el otro

pago.

Trabajo en equipo

… Muchas gracias …

Vamos a la practica.