Introducción a Flutter
Diego Velásquez López
@diegoveloper
Flutter Perú
Slide 2
Slide 2 text
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
Slide 3
Slide 3 text
Un nuevo amigo llegó ...
iOS Flutter Android
Slide 4
Slide 4 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.
4
Slide 5
Slide 5 text
5
Slide 6
Slide 6 text
6
Slide 7
Slide 7 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
Gana premios con una interfaz bella
Slide 8
Slide 8 text
Lo que podemos hacer con Flutter
Slide 9
Slide 9 text
En Flutter todo es Widget
Slide 10
Slide 10 text
Stateful vs Stateless
10
Configuration
StatelessWidget
Configuration
State
StatefulWidget
Event
Rebuild
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
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 13
Slide 13 text
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
Slide 14
Slide 14 text
Lenguaje de
programación
Dart
14
Slide 15
Slide 15 text
Mi primera App en Flutter
15
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 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 18
Slide 18 text
UI consistente
Slide 19
Slide 19 text
19
Comportamiento de acuerdo a cada plataforma
Slide 20
Slide 20 text
Hot Reload!
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 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 23
Slide 23 text
Arquitectura de Flutter
Slide 24
Slide 24 text
Código nativo
mediante
Platform
Channels
Slide 25
Slide 25 text
Entornos de desarrollo
Slide 26
Slide 26 text
Packages
https://pub.dartlang.org/flutter
Slide 27
Slide 27 text
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