mobile day - ionic 2
TRANSCRIPT
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/