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.

Más productivos con Apache Cordova e Ionic

42 views

Published on

¿Has probado de trabajar con HTML5 en móviles? Nosotros si y nos hemos encontrado problemas por el camino. En esta presentación podrás ver las soluciones y las tecnologías que hemos utilizado.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Más productivos con Apache Cordova e Ionic

  1. 1. Quique Fdez. Guerra Software Dev. Engineer Plainconcetps @CKGrafico Más productivos que nunca con Apache Cordova
  2. 2. Las aplicaciones nativas son mejores. ¿Qué aplicaciones son mejores?
  3. 3. Con las herramientas que se adapten a mí, a mi equipo y a mi app. ¿Cómo ser productivo creando mi app?
  4. 4. Test de productividad Y A X B ¿Tecnología? ¿Multiplataforma? ¿Rendimiento? ¿Variables de negocio? My order Purchases $ 10.00 Website $ 323.00 Apps
  5. 5. Tecnologías que hacen más productivo al equipo C# y XAML Java HTML5 Swift
  6. 6. Plataformas para hacer mi app más productiva Android Windows iOS Otros
  7. 7. ¿Va a afectar a la productividad el rendimiento? Es un Juego Consume una API Usa algunas características del sistema Es una aplicación Multimedia Y A X B
  8. 8. Variables que pueden afectar a la productividad Tengo bastante/mucho tiempo Tengo poco tiempo Tengo poca inversión El dinero no es un problema My order Purchases $ Website $ Apps
  9. 9. Tecnologías, problemas y soluciones
  10. 10. Cordova o Phonegap Desarrollo Compilación Resultado *Gratis para proyectos open source o 1 privado
  11. 11. Sostenibilidad del código Anotaciones Tipos ES6 ES5 TypeScript Used by Typescriptlang.org
  12. 12. Tipado dinámico vs estático TypeScript Tipado dinámico Tipado estático opcional Tiempo de ejecución + depuración Tiempo de compilación JavaScript var person; person = ‘Alex Casquete’; person.substring(1, 4); person = 1; person.substring(1, 4); Cualquier tipo (cadena, número, …) Object 1 has no method ‘substring’ var person: string; person = ‘Alex Casquete’; person.substring(1, 4); person = 1; var dynamic; dynamic = 1; dynamic = ‘Quique Fdez’; Tipo específico Avisos de error Existen los dinámicos
  13. 13. Intellisense Todo el JS es TS válido Encapsulación con clases y módulos Constructores, propiedades, constantes… Define interfaces => Fat arrow (lambdas) Más características de TS
  14. 14. Framework de desarrollo ¿?
  15. 15. Framework de desarrollo ¿? FANBOY DETECTED
  16. 16. Aspecto según la plataforma As user I want… to have the correct UX and to see the correct UI on my awesome smartphone
  17. 17. Webview El problema de rendimiento es por el Webview POR DEFECTO
  18. 18. Un IDE para gobernarlos a todos Integración de Apache Cordova Simuladores y emuladores multiplataforma Intellisense Depuración y compilación de apps Integración con Gulp, Grunt, Bower y NPM Webessentials, NodeJS Tools, plantillas, etc.
  19. 19. Quiero herramientas, no más cosas que desarrollar.
  20. 20. OK. Cordova-multiplatform-template.js.org // 20.000 descargas :)
  21. 21. Quique Fdez. Guerra Software Dev. Engineer Plainconcetps @CKGrafico ¿Dudas?

×