Hello Flutter
Beautiful apps in record time
Diego Velásquez López @diegoveloper
Slide 2
Slide 2 text
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/
Slide 3
Slide 3 text
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
Slide 4
Slide 4 text
Problema actual en el desarrollo de apps móviles
Retrasos en
nuevas
funcionalidades
Mala coordinación
Código disperso
Diseño
inconsistente
Costos elevados
Slide 5
Slide 5 text
Un nuevo amigo llegó ...
iOS Flutter Android
Slide 6
Slide 6 text
¿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
Slide 7
Slide 7 text
7
Slide 8
Slide 8 text
8
Slide 9
Slide 9 text
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
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
Slide 15
Slide 15 text
Tecnologías usadas en el desarrollo móvil
Híbridas
● Phonegap (Cordova)
● Ionic
● Sencha Touch
Interpretadas
● React Native
Nativas
● Android SDK
● iOS SDK
● Flutter
Slide 16
Slide 16 text
Lenguaje de
programación
Dart
16
Slide 17
Slide 17 text
Mi primera App en Flutter
17
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
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
Slide 20
Slide 20 text
UI consistente
Slide 21
Slide 21 text
21
Comportamiento de acuerdo a cada plataforma
Slide 22
Slide 22 text
Hot Reload!
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
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 )
Slide 25
Slide 25 text
Arquitectura de Flutter
Slide 26
Slide 26 text
Código nativo
mediante
Platform
Channels
Slide 27
Slide 27 text
Entornos de desarrollo
Slide 28
Slide 28 text
Packages
https://pub.dartlang.org/flutter
Slide 29
Slide 29 text
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