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

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Walmyr Carvalho @walmyrcarvalho

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

Disclaimers

Slide 6

Slide 6 text

Contexto

Slide 7

Slide 7 text

Fazer mobile é difícil.

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

Fazer mobile direito é muito difícil.

Slide 10

Slide 10 text

Uber Navigation (Medium) - goo.gl/UiwBHe

Slide 11

Slide 11 text

Uber Navigation (Medium) - goo.gl/UiwBHe

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

xkcd.com/303

Slide 14

Slide 14 text

Mas algumas empresas tem tentado resolver esse problema!

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

goo.gl/kuCEGe

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

Flutter

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

• 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

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

E a arquitetura disso?

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Tudo é widget.

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

Hot Reload

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

Configuração

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

flutter.io/setup

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

Workflow demo

Slide 42

Slide 42 text

Considerações finais

Slide 43

Slide 43 text

Dúvidas?

Slide 44

Slide 44 text

Links úteis

Slide 45

Slide 45 text

codelabs.developers.google.com/codelabs/flutter

Slide 46

Slide 46 text

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

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

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