Flutter: Criando aplicações para iOS e Android utilizando Dart

Slides do um talk realizado no GDG DevFest Campinas 2017, conferência de desenvolvedores que aconteceu em Campinas, São Paulo, no dia 04 de Novembro de 2017.

O talk foi sobre Flutter, SDK criado pelo Google para desenvolvimento de aplicações mobile nativas, para iOS e Android, utilizando a linguagem Dart!

Link: https://gdg-campinas.github.io/devfest

Transcript

1. Walmyr Carvalho #DevFestCampinas Flutter Criando aplicações para iOS e Android utilizando Dart
2. Walmyr Carvalho @walmyrcarvalho
5. Disclaimers
6. Contexto
7. Fazer mobile é difícil.
9. Fazer mobile direito é muito difícil.
10. Uber Navigation (Medium) - goo.gl/UiwBHe
11. Uber Navigation (Medium) - goo.gl/UiwBHe
12. E dependendo do seu projeto, costuma ser caro e lento.
13. xkcd.com/303
14. Mas algumas empresas tem tentado resolver esse problema!
16. goo.gl/kuCEGe
18. Flutter
20. • Criada e (muito) utilizada pelo Google • Open source <3 • Alpha (yet) • Codebase único pra iOS e Android • Powered by Dart (Google) • Focada em alta performance e fidelidade
22. • Também criada pelo Google • Utilizada em muitos apps do Google para iOS e Android • Open source <3 • Sintaxe parecida com Java e Kotlin • Tipagem forte opcional • Roda no Dart VM, JS ou AOT nativo (Flutter) • Fácil de aprender!
23. E a arquitetura disso?
25. Tudo é widget.
27. Hot Reload
29. Walmyr, já tem apps com Flutter no Google Play e na App Store?
30. A revolutionary app for a revolutionary show (POSSE) goo.gl/f2ysUJ
31. Configuração
34. flutter.io/setup
36. $ git clone -b alpha https://github.com/flutter/flutter.git $ export PATH=`pwd`/flutter/bin:$PATH
37. $ flutter doctor [✓] Flutter (on Mac OS X 10.13 17A405, locale en-BR, channel alpha) • Flutter at /Users/walmyrcarvalho/Projects/Flutter/flutter • Framework revision e8aa40eddd (3 weeks ago), 2017-10-17 15:42:40 -0700 • Engine revision 7c4142808c • Tools Dart version 1.25.0-dev.11.0 [✓] Android toolchain - develop for Android devices (Android SDK 26.0.2) • Android SDK at /Users/walmyrcarvalho/Library/Android/sdk • Platform android-26, build-tools 26.0.2 • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-915-b08) [✓] iOS toolchain - develop for iOS devices (Xcode 9.0) • Xcode at /Applications/Xcode.app/Contents/Developer • Xcode 9.0, Build version 9A235 • ios-deploy 1.9.2 • CocoaPods version 1.3.1 [✓] Android Studio (version 3.0) • Android Studio at /Applications/Android Studio.app/Contents • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-915-b08) [✓] IntelliJ IDEA Community Edition (version 2017.2.4) • Flutter plugin version 18.4 • Dart plugin version 172.4155.35 [✓] Connected devices • Nexus 6P • 84B7N16411003161 • android-arm • Android 8.0.0 (API 26) • Android SDK built for x86 • emulator-5554 • android-x86 • Android 4.4.2 (API 19) (emulator) • iPhone X • 13B312FA-70CE-40B2-AB4B-3191AB637E9E • ios • iOS 11.0 (simulator)
41. Workflow demo
42. Considerações finais
43. Dúvidas?
44. Links úteis
45. codelabs.developers.google.com/codelabs/flutter
46. codelabs.developers.google.com/codelabs/flutter-firebase
47. Single Codebase, Two Apps with Flutter and Firebase (Google I/O ’17) goo.gl/k2pEZC
48. In Record Time: How we Quickly Built a Serverless app with Firebase and Flutter (GDD Europe ’17) goo.gl/PZwtu6
49. flutter.io dartlang.org gitter.im/flutter/flutter
50. Muito obrigado! Walmyr Carvalho @walmyrcarvalho
51. Fonte do conteúdo: flutter.io dart.org medium.com/uber-design blog.goposse.com