Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ionic y angular.js

989 views

Published on

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

Published in: Software
  • Login to see the comments

  • Be the first to like this

Ionic y angular.js

  1. 1. Aplicaciones Hibridas Sergio Iván Mayor
  2. 2. • 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.
  3. 3. • 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 ?
  4. 4. • Modelos. • Vistas. • Controladores. • Servicios y filtros. • Variables scope. Conceptos básicos
  5. 5. • Framework gratuito y de código abierto. • Desarrollo de aplicaciones hibridas. • Optimizado con AngularJs. • Corre sobre Cordova.
  6. 6. • 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
  7. 7. • Herramienta de la nube que proporciona diversos servicios. – Sincronizar datos de aplicaciones en tiempo real. – Hosting de aplicaciones. • Dispone de una API muy potente.
  8. 8. • 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
  9. 9. • 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.
  10. 10. Ya esta la aplicación pero no es móvil … ¿Que hago?
  11. 11. Historia
  12. 12. • 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.
  13. 13. Componentes soportados
  14. 14. • 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.
  15. 15. Trabajo en equipo
  16. 16. … Muchas gracias … Vamos a la practica.

×