Hello Flutter - Beautiful apps in record time

DevFest La Paz Bolivia 2018

Transcript

1. Hello Flutter Beautiful apps in record time Diego Velásquez López @diegoveloper
2. Diego Velásquez López Lead Mobile Software Architect About me • Software engineer > 11 years experience • Love mobile development • Android / iOS / Flutter • Creator of two Android apps: ◦ Pseudocode ◦ Quick Printer • Founder & Organizer @ Flutter Peru @diegoveloper https://aeyrium.com/
3. Dilema en el desarrollo de apps móviles Desarrollar una app nativa para cada plataforma y mantener diferentes proyectos Usar un framework híbrido (Phonegap, Appcelerator, Ionic) y mantener solo un proyecto
4. Problema actual en el desarrollo de apps móviles Retrasos en nuevas funcionalidades Mala coordinación Código disperso Diseño inconsistente Costos elevados
5. Un nuevo amigo llegó ... iOS Flutter Android
6. ¿Qué es Flutter? • Framework multiplataforma creado por Google. • Facilita la creación de aplicaciones de alto rendimiento, modernas y hermosas. • Funciona tanto para Android como para iOS. • Incrementa la productividad en el desarrollo de apps. 6
9. Beautiful Controla cada pixel en la pantalla Hace que tu marca tenga vida Nunca le digas “no” al diseñador UI/UX Sobresal en el mercado
10. Lo que podemos hacer con Flutter
11. En Flutter todo es Widget
12. Configuration StatelessWidget Configuration State StatefulWidget Event Rebuild Stateless & Stateful Widget
14. Fast Trae la potencia de un motor de juegos para el desarrollo de la experiencia de usuario. 60 fps, aceleración de GPU Compilado a código nativo de máquina
15. Tecnologías usadas en el desarrollo móvil Híbridas • Phonegap (Cordova) • Ionic • Sencha Touch Interpretadas • React Native Nativas • Android SDK • iOS SDK • Flutter
16. Lenguaje de programación Dart 16
17. Mi primera App en Flutter 17
19. Productive Hot-reload, recarga caliente en menos de 1 segundo Itera rápidamente sobre nuevas funcionalidades Prueba tus cambios más rápido que nunca. Más tiempo para experimentar y probar nuevas funcionalidades Un solo código fuente para las 2 plataformas Incremento de productividad 3x
20. UI consistente
21. 21 Comportamiento de acuerdo a cada plataforma
22. Hot Reload!
24. Open Todo es gratis y open-source Arquitectura en capas: Fácil de extender Integración con plataforma nativa Cientos de bibliotecas disponibles ( Ads, videos, database, camera, gps, cloud, etc )
25. Arquitectura de Flutter
26. Código nativo mediante Platform Channels
27. Entornos de desarrollo
28. Packages https://pub.dartlang.org/flutter
29. Cuatro formas de usar Flutter Usa Flutter para una parte de tu app Empezar una app desde cero Prototipado de una nueva idea Crea tu app solo para otra plataforma
30. Let’s Code!
31. Preguntas • diegoveloper@gmail.com • https://github.com/diegoveloper/ • https://medium.com/@diegoveloper • https://twitter.com/diegoveloper
32. Referencias Contenido de Slides gracias a Flutter Team • https://flutter.io/ • https://github.com/flutter/flutter • https://www.youtube.com/watch?v=fq4N0hgOWzU • https://www.youtube.com/watch?v=8qVkqkt8Ih0