Flutter 101 - Speaker Deck

Slide 1

Slide 1 text

Flutter 101 Yury Camacho @camachoyury

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

First: Let's meet each other

Slide 4

Slide 4 text

Wonderful App Platform Services https://hackernoon.com/whats-revolutionary-about-flutter-946915b09514

Slide 5

Slide 5 text

Wonderful App Platform Services https://hackernoon.com/whats-revolutionary-about-flutter-946915b09514

Slide 6

Slide 6 text

Services Wonderful App Platform https://hackernoon.com/whats-revolutionary-about-flutter-946915b09514

Slide 7

Slide 7 text

Excuse me, Sir.. Can you take a few minutes to talk about a new and real “Cross - Platform SDK”

Slide 8

Slide 8 text

What is Flutter? ● A SDK that makes building high-performing, modern and beautiful apps easy ● Works for both Android and iOS ● An open-source toolkit, developed by Google* ● 100+ contributions from the open source community

Slide 9

Slide 9 text

Why Flutter? ● Two platforms, maybe three ● Expensive ● Slow ● Write two times the same logic

Slide 10

Slide 10 text

Wonderful App Platform Services https://hackernoon.com/whats-revolutionary-about-flutter-946915b09514

Slide 11

Slide 11 text

Skia Dart Text Foundation Animation Painting Rendering Widgets Material Gestures Engine (C++) Framework (Dart) Cupertino Flutter Architecture

Slide 12

Slide 12 text

Build Great apps with Flutter

Slide 13

Slide 13 text

Flutter

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

Dart

Slide 17

Slide 17 text

Tools?

Slide 18

Slide 18 text

Command line tools! $ flutter doctor $ flutter upgrade $ flutter packages get

Slide 19

Slide 19 text

What do you see here? Widgets!

Slide 20

Slide 20 text

Widgets

Slide 21

Slide 21 text

Widget!

Slide 22

Slide 22 text

Widget tree

Slide 23

Slide 23 text

Widgets Configuration StatelessWidget Configuration State StatelessWidget StatefulWidget StatefullWidget Event Rebuild

Slide 24

Slide 24 text

Hello Flutter!

Slide 25

Slide 25 text

Hot Reload Flutter dev’s sword valyrian steel

Slide 26

Slide 26 text

Hot Reload!

Slide 27

Slide 27 text

Platform Channels Communication with services

Slide 28

Slide 28 text

Android Side - Kotlin

Slide 29

Slide 29 text

Flutter Side

Slide 30

Slide 30 text

Demo!

Slide 31

Slide 31 text

Links ● https://flutter.io/ ● https://pub.darlang.org/ ● https://flutterbyexample.com/ ● https://twitter.com/flutterio/ ● http://fluttersamples.com/ ● https://itsallwidgets.com/ ● http://zoom.us/ #659-219-4465

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text