Tweet
Tweet

Slide 1

Slide 1 text

Hello Flutter Diego Velásquez López @diegoveloper Mobile Developer

Slide 2

Slide 2 text

2

Slide 3

Slide 3 text

3

Slide 4

Slide 4 text

¿Qué es Flutter? ● SDK que nos ayuda a crear aplicaciones multiplataforma para Android/iOS ● Es open source y fue desarrollado por Google ● Gran performance igual que app nativa ● Se programa en Dart ● UI consistente a través de diferentes equipos y fabricantes 4

Slide 5

Slide 5 text

● UI consistente a través de diferentes equipos y fabricantes 5

Slide 6

Slide 6 text

Tecnologías Interpretadas 6 Híbridas Nativas ● Phonegap (Cordova) ● Ionic ● Sencha Touch ● React Native ● Android SDK ● iOS SDK ● Flutter

Slide 7

Slide 7 text

Arquitectura de Flutter 7

Slide 8

Slide 8 text

8 En Flutter todo es Widget

Slide 9

Slide 9 text

9 StatefulWidget StatelessWidget vs ● No tienen estado ● Atributos inmutables ● Para mostrar componentes que no cambian una vez inicializados ● Tienen estado ● Atributos mutables ● setState() permite actualizar el estado del Widget ● Similar a React

Slide 10

Slide 10 text

10 StatelessWidget vs StatefulWidget

Slide 11

Slide 11 text

Ventajas de usar Flutter 11 ● Single code base ● Menores costos ● UI consistente ● Comportamiento de acuerdo a cada plataforma ● Gran cantidad de Widgets disponibles ● Performance como nativo ● Posibilidad de incluir código nativo por medio de Channels ● Plugins creados por la comunidad ● Hot Reload

Slide 12

Slide 12 text

12

Slide 13

Slide 13 text

¿Quienes pueden usar Flutter? 13 ● Developers ● UI designers ● UX designers

Slide 14

Slide 14 text

¿Cuando usar o no Flutter? 14 ● Apps multiplataforma ● Apps ricas visualmente ● Deadlines agresivos. ● Equipo de desarrollo pequeño. ● Apps que requieren interacción moderada con hardware. ● Features específicos de cada plataforma ( Widget, Launchers ). ● Apps para Watch. ● Apps que interactuan mucho con hardware ej: Snapchat, Camera apps. ● 3D apps.

Slide 15

Slide 15 text

Let’s code 15

Slide 16

Slide 16 text

Gracias! Preguntas? ● [email protected] ● https://github.com/diegoveloper/ ● https://medium.com/@diegoveloper/ 16

Slide 17

Slide 17 text

Referencias ● https://flutter.io/ ● https://github.com/flutter/flutter ● https://www.youtube.com/watch?v=fq4N0hgOWzU 17