Flutter Masterclass

Presentation for Flutter Masterclass that was presented for Google Developers Kejar chapter Malang. This was presented as part of offline meetup.

Transcript

1. FLUTTER MASTERCLASS
2. INSTALL ▸ https://flutter.io/docs/get-started/install ▸ Android Studio ▸ Install Flutter plugin ▸ run `flutter doctor`
3. FLUTTER ▸ Dart ▸ Run on top of SKIA Engine (Compiled to NATIVE code) ▸ Reactive Views ▸ Hot-Reload ▸ Support Android Studio, VS Code, Intellij IDEA
4. DART ▸ Looks like JAVA (need semicolon ;) ▸ Have Lambda / Anonymous Function // more than 1 line (x, y) { fungsiA(x); fungsiB(y); } // 1 line (x, y) => fungsiC(x, y);
5. DART - UNIQUE FEATURES ▸ File name is using lower_snake_case. ▸ Private variable & method start with _ ▸ Comma can be used in the end of array & parameters to mark the end of line. var array = <int>[1,2,3,]; fungsiA(1,2,);
6. DART - UNIQUE FEATURES ▸ Optional arguments is placed inside curly braces. void fungsiA(int x, {String nama, String alamat}) { } fungsiA(10, nama: "Adi");
7. DART 2 ▸ Standard in current Flutter version. ▸ Without NEW keyword ▸ Implicit typing var array = <int>[1,2,3,]; var str = "Hello"; var widget = Text("Hello World!");
8. DART 2 ▸ String interpolation var str = "${variable} punya saya”; ▸ We will learn it along the course.
9. WIDGET
10. COMPONENTS = WIDGET ▸ Everything is a widget. ▸ Text, Row, Column, Scaffold, ListView, Button, … ▸ What to render is inside build function.
11. SCAFFOLD
12. STATELESS WIDGET
13. STATEFUL WIDGET
14. COLUMN
15. ROW
16. EXPANDED
17. LISTVIEW
18. LISTVIEW ▸ (Only) ListView with children = Column inside ScrollView ▸ ListView Builder = ListView / RecyclerView / UITableView — dequeue & reusability
19. GESTURE DETECTOR & INKWELL
20. NAVIGATION
21. PASSING DATA
22. HTTP & NETWORK IMAGE
23. NEXT ▸ State Management ▸ BloC ▸ FlutterRedux ▸ ScopedModel ▸ MVP , BloC ▸ flutter.io ▸ PlatformChannel ▸ Signing for android & iOS