tpj3rjtporjgojgiwqo-deqi gqeiohfepfoiwrgpw

1. Flutter
Introduction
Võ Duy Tuấn
CEO/Founder
Teamcrop.com

2. Vo Duy Tuan
CEO / Founder @ Teamcrop.com
Interests
 PHP, Javascript, Flutter
 Web Scalability & Optimization
 Data Mining
 ERP System
 Docker & Microservices

3. Table of contents
• Why hybrid app?
• Why Flutter?
• Why Dart?
• Code editor
• Working with Flutter

4. 1. Why Hybrid App?
• Write Once Run Everywhere
• Fast development
• Easy maintenance & upgrade
• Examples:
– Phonegap
– React Native
– Flutter
– …

5. 2. Why Flutter?

6. 2.1. Owned by Google

7. 2.2. New Trend

8. 2.3. Engine & Architecture
Source: https://hackernoon.com/whats-revolutionary-about-flutter-946915b09514
Flutter

9. 3. Why Dart?
• Owned by Google
• Ease of learning
• Multiple platforms (browser, mobile…)
• Utility/Helper libraries
• High performance

10. 4. Code Editor

11. 4.1. Code Editor (cont.)

12. 5. Working with Flutter

13. 5.1. Widget (a.k.a Component)
• Stateless Widget
• Stateful Widget

14. 5.2. State Management

15. 5.2. State Management (cont.)

16. 5.3. Repository Design Pattern

17. 5.4. Async Programming
• Future
• FutureBuilder
• Async…await…

18. 5.5. Animation
• Implicit animations
- AnimatedContainer
- AnimatedOpacity
- AnimatedPositioned
- …
• Explicit animations

19. 5.6. Plugins (pub.dev)

20. 5.7. Profiling

21. Thanks!
CONTACT:
voduytuan@teamcrop.com
bloghoctap.com