Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

B567f69eed037ed20536fc825305a38d?s=128

Walmyr Carvalho

November 04, 2017
Tweet

Transcript

  1. Walmyr Carvalho #DevFestCampinas Flutter Criando aplicações para iOS e Android

    utilizando Dart
  2. Walmyr Carvalho @walmyrcarvalho

  3. None
  4. None
  5. Disclaimers

  6. Contexto

  7. Fazer mobile é difícil.

  8. None
  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!

  15. None
  16. goo.gl/kuCEGe

  17. None
  18. Flutter

  19. None
  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
  21. None
  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?

  24. None
  25. Tudo é widget.

  26. None
  27. Hot Reload

  28. None
  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

  32. None
  33. None
  34. flutter.io/setup

  35. None
  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)
  38. None
  39. None
  40. None
  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