h"p://sg.com.mx/mobileday    #mobiledaysg  

Ionic  2:    El  Futuro  de  las  Apps  híbridas  

Israel  Guzmán  @israelgp4  

¿Qué es AngularJS?

Es un framework de Google que nos permite crear aplicaciones web escalables, robustas y seguras. AngularJS nos permite extender el vocabulario de HTML para un desarrollo rápido, legible y expresivo.

Estado actual de AngularJS

Angular 1.5 es la versión actual

Angular 2.0 se encuentra en Beta

Enfoque de Angular 2.0

1.  Velocidad & Performance

2.  Simple & expresivo

3.  Multiplataforma

4.  Soporta navegadores Legacy. No solo las últimas versiones de Chrome, Edge, Firefox y Safari, sino tambien IE9+ y Android 4.1+

5.  Animaciones

6.  I18n & accesibilidad

Angular 2.0

Ionic

Es un framework hecho con Angular para el desarrollo de aplicaciones móviles con tecnología web. •  Mobile first

•  Fácil de personalizar

•  Angular como su estructura de código

Ionic V1

Se han hecho más de UN MILLÓN de apps

•  Básicamente se creó un SDK híbrido que no existía en su tiempo

•  Fue hecho durante iOS 6 y Android 2.3

Ionic 2

•  El framework mejorado, gracias a las lecciones aprendidas de la v1

•  Utiliza nuevas APIs de la web

•  Performance increíble gracias a Angular 2

•  Muchas cosas nuevas

Enfoque de Ionic 2

•  Simplicidad

•  Continuidad de plataforma

•  Performance

•  Libertad de creatividad

•  Programar solo una vez

Simplicidad

•  Modelo a base de componentes

•  Elementos y atributos

•  Listo para personalizarse

•  JavaScript limpio

Componente

Componente de aplicación

Continuidad de Plataforma

•  iOS : Android

•  Una sola base de código

•  Mismo HTML y JS

•  Libertad de creatividad

•  Más que solo diferente CSS

Ionicons

•  ~900 íconos

•  SVGs

•  iOS

•  Material Design

Ionicons

Nueva Navegación

•  Tipo Push/Pop

•  Similar a iOS/Android

•  iOS

•  Soporta url y deep-linking

Temas y personalización

•  Fácil de crear temas

•  Diseñar para tu marca

•  Todo es variable

API Animaciones Web

•  Motor de animaciones del browser

•  Flexibilidad de JavaScript

•  Spec de la W3C

•  Nativa en Chrome/Android

•  Polyfill de iOS

Todo es configurable

•  Config. Global

•  Config. de Plataforma

•  Config. de Atributos

•  Config. De Instancia de componentes

Multiplataforma

•  ES5

•  ES6

•  Typescript

Poder Nativo

•  No más ng-cordova

•  Mucho más fácil de utilizar las funcionalidades nativas

•  Solo cordova y JS

¿Preguntas? Twi"er:  h"ps://twi"er.com/israelgp4  Youtube:  h"ps://www.youtube.com/user/angularjstutoriales  Xpertys:  h"p://xpertys.com.mx/