Introducción a Flutter

Transcript

1. Introducción a Flutter Diego Velásquez López @diegoveloper Flutter Perú
2. Problema actual en el desarrollo de apps móviles Costos elevados Mala coordinación Código disperso Diseño inconsistente Marca pierde confianza Retrasos en nuevas funcionalidades
3. Un nuevo amigo llegó ... iOS Flutter Android
4. ¿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. 4
7. 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 Gana premios con una interfaz bella
8. Lo que podemos hacer con Flutter
9. En Flutter todo es Widget
10. Stateful vs Stateless 10 Configuration StatelessWidget Configuration State StatefulWidget Event Rebuild
12. 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
13. Tecnologías usadas en el desarrollo móvil 13 Interpretadas Híbridas Nativas • Phonegap (Cordova) • Ionic • Sencha Touch • React Native • Android SDK • iOS SDK • Flutter
14. Lenguaje de programación Dart 14
15. Mi primera App en Flutter 15
17. 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
18. UI consistente
19. 19 Comportamiento de acuerdo a cada plataforma
20. Hot Reload!
22. 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 )
23. Arquitectura de Flutter
24. Código nativo mediante Platform Channels
25. Entornos de desarrollo
26. Packages https://pub.dartlang.org/flutter
27. Cuatro formas de usar Flutter 1. Empezar una app desde cero 2. Prototipado de una nueva idea 3. Crea tu app solo para otra plataforma 4. Usa Flutter para una parte de tu app
28. Preguntas • diegoveloper@gmail.com • https://github.com/diegoveloper/ • https://medium.com/@diegoveloper • https://twitter.com/diegoveloper
29. 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
30. • https://www.meetup.com/Flutter-Peru/ • https://twitter.com/FlutterPeru • https://www.facebook.com/FlutterPeru 30