Aplicación chat que usa las tecnologías de angular.js e Ionic para la creación de apps híbridas.

1. Aplicaciones
Hibridas
Sergio Iván Mayor

3. • 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.

4. • 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 ?

5. • Modelos.
• Vistas.
• Controladores.
• Servicios y filtros.
• Variables scope.
Conceptos básicos

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

8. • 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

10. • Herramienta de la nube que proporciona diversos
servicios.
– Sincronizar datos de aplicaciones en tiempo real.
– Hosting de aplicaciones.
• Dispone de una API muy potente.

11. • 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

13. • 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.

14. Ya esta la aplicación pero no es
móvil … ¿Que hago?

15. Historia

16. • Framework de código abierto.
• Cuenta con muchasAPIS para convertir el desarrollo
web en aplicación hibrida pero con enfoque nativo.
• Permite compilar aplicaciones para muchas
plataformas con un solo desarrollo.

17. Componentes soportados

18. • 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.

19. Trabajo en equipo

20. … Muchas gracias …
Vamos a la practica.