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

Walmyr Carvalho

November 04, 2017
Tweet

More Decks by Walmyr Carvalho

Other Decks in Technology

Transcript

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

    View full-size slide

  2. Walmyr Carvalho
    @walmyrcarvalho

    View full-size slide

  3. Fazer mobile é difícil.

    View full-size slide

  4. Fazer mobile direito
    é muito difícil.

    View full-size slide

  5. Uber Navigation (Medium) - goo.gl/UiwBHe

    View full-size slide

  6. Uber Navigation (Medium) - goo.gl/UiwBHe

    View full-size slide

  7. E dependendo do seu projeto,
    costuma ser caro e lento.

    View full-size slide

  8. xkcd.com/303

    View full-size slide

  9. Mas algumas empresas tem
    tentado resolver esse problema!

    View full-size slide

  10. goo.gl/kuCEGe

    View full-size slide

  11. • 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

    View full-size slide

  12. • 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!

    View full-size slide

  13. E a arquitetura disso?

    View full-size slide

  14. Tudo é widget.

    View full-size slide

  15. Walmyr, já tem apps com Flutter
    no Google Play e na App Store?

    View full-size slide

  16. A revolutionary app for a revolutionary show (POSSE)
    goo.gl/f2ysUJ

    View full-size slide

  17. Configuração

    View full-size slide

  18. flutter.io/setup

    View full-size slide

  19. $ git clone -b alpha https://github.com/flutter/flutter.git
    $ export PATH=`pwd`/flutter/bin:$PATH

    View full-size slide

  20. $ 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)

    View full-size slide

  21. Workflow demo

    View full-size slide

  22. Considerações finais

    View full-size slide

  23. Links úteis

    View full-size slide

  24. codelabs.developers.google.com/codelabs/flutter

    View full-size slide

  25. codelabs.developers.google.com/codelabs/flutter-firebase

    View full-size slide

  26. Single Codebase, Two Apps with Flutter and Firebase (Google I/O ’17)
    goo.gl/k2pEZC

    View full-size slide

  27. In Record Time: How we Quickly Built a Serverless app
    with Firebase and Flutter (GDD Europe ’17)
    goo.gl/PZwtu6

    View full-size slide

  28. flutter.io
    dartlang.org
    gitter.im/flutter/flutter

    View full-size slide

  29. Muito obrigado!
    Walmyr Carvalho
    @walmyrcarvalho

    View full-size slide

  30. Fonte do conteúdo:
    flutter.io
    dart.org
    medium.com/uber-design
    blog.goposse.com

    View full-size slide