ionic y angular.js

20
Aplicacio nes Hibridas Sergio Iván Mayor

Upload: gdg-cali

Post on 12-Feb-2017

679 views

Category:

Software


1 download

TRANSCRIPT

Page 1: Ionic y angular.js

Aplicaciones Hibridas

Sergio Iván Mayor

Page 2: Ionic y angular.js
Page 3: Ionic y angular.js

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

Page 4: Ionic y angular.js

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

Page 5: Ionic y angular.js

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

Conceptos básicos

Page 6: Ionic y angular.js
Page 7: Ionic y angular.js

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

Page 8: Ionic y angular.js

• 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

Page 9: Ionic y angular.js
Page 10: Ionic y angular.js

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

tiempo real.– Hosting de aplicaciones.

• Dispone de una API muy potente.

Page 11: Ionic y angular.js

• 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

Page 12: Ionic y angular.js
Page 13: Ionic y angular.js

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

Page 14: Ionic y angular.js

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

hago?

Page 15: Ionic y angular.js

Historia

Page 16: Ionic y angular.js

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

Page 17: Ionic y angular.js

Componentes soportados

Page 18: Ionic y angular.js

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

Page 19: Ionic y angular.js

Trabajo en equipo

Page 20: Ionic y angular.js

… Muchas gracias …

Vamos a la practica.