Dart Basics & Introduction to Flutter Part 2.pptx
- 1. Universitas Sriwijaya Dart Basics & Introduction to Flutter Part 2
- 2. About Me Universitas Sriwijaya github.com/mfazrinizar linkedin.com/in/mfazrinizar instagram.com/mfazrinizar M. Fazri Nizar • Mobile Development Team Member at GDSC UNSRI
- 3. Universitas Sriwijaya Table of Contents • Why is it Flutter? • Cross-platform development concept • Overview of Flutter & setting up environment • Introduction to Flutter (Widgets & Layout): - Flutter development commands - Understanding basic widgets & layout - Debugging
- 4. Universitas Sriwijaya Limitations • Coding Flutter app from scratch. • Complete Flutter application building (differed into 4 days of session).
- 5. Universitas Sriwijaya Apa itu Flutter?
- 6. Universitas Sriwijaya • UI (User Interface) Framework/Toolkit. • Supports cross-platform development for web, mobile, and desktop. • Using Dart programming language. 2018, 1.0
- 7. Universitas Sriwijaya flutter.dev Kenapa harus belajar Flutter?
- 8. Universitas Sriwijaya Backed by Cross-platform Clean Docs
- 11. Universitas Sriwijaya Cross-Platform Mengapa ? • Single codebase for all. • Easier to maintain. • Faster development. • Lower cost.
- 12. Universitas Sriwijaya Getting Started https://docs.flutter.dev/get-started/install/windows/mobile Flutter SDK Android SDK Toolchain AVD/Android Emulator VS Code with Flutter Extension
- 14. Universitas Sriwijaya Getting Started USB Debugging Use your own Android device https://developer.android.com/codelabs/basic- android-kotlin-compose-connect-device
- 15. Universitas Sriwijaya Flutter Development Commands • flutter doctor - v Important for checking missing/error in development toolchain
- 16. Universitas Sriwijaya Flutter Development Commands • flutter pub get Important for getting/refreshing dependencies after cleaning workspace or cloning a repository
- 17. Universitas Sriwijaya Flutter Development Commands • flutter build apk --split-per-abi Important for splitting APKs and reducing size
- 18. Universitas Sriwijaya Flutter Development Commands • flutter clean • flutter run • flutter create-app APP_NAME • etc. (flutter help)
- 19. Universitas Sriwijaya Widgets & Layouts Packages pub.dev
- 20. Universitas Sriwijaya Widgets & Layouts
- 21. Universitas Sriwijaya Widgets & Layouts
- 22. Universitas Sriwijaya Widgets & Layouts
- 23. Universitas Sriwijaya Widgets & Layouts
- 24. Universitas Sriwijaya Widgets & Layouts
- 25. Universitas Sriwijaya Widgets & Layouts
- 26. Universitas Sriwijaya Widgets & Layouts
- 27. Universitas Sriwijaya Debugging Make sure you have connected the correct device for debugging
- 28. Universitas Sriwijaya Debugging Hot Reload Hot Restart / Restart Stop Debuggin g Inspect Widgets
- 29. Universitas Sriwijaya Debugging Debug Console Always be aware of errors, fix immediately
- 30. Universitas Sriwijaya Debugging GPT, Copilot, Bard, Gemini, etc. Ask Correctly Explain Bugs Searching is The Way None encountered before?
- 34. Universitas Sriwijaya Quiz 1. Konsep yang didukung Flutter adalah... A. Multiple codebases B. Cross-native C. Native D. Cross-platform
- 35. Universitas Sriwijaya Quiz 2. Flutter lebih dipilih daripada native dalam kondisi tertentu karena... A. Multiple codebases B. Performa kecepatan setara native C. Dapat dibangun dalam multi-platform D. Ukuran bundle APK lebih kecil daripada native
- 36. Universitas Sriwijaya Quiz 3. Alasan memilih framework cross- platform adalah... A. Butuh lebih sedikit developer B. Pengembangan lebih cepat C. Maintain satu codebase saja D. Semuanya benar
- 37. Universitas Sriwijaya Quiz 4. Jenis state widget Scaffold dalam contoh counter app tadi adalah... A. StatefulWidget B. StatelessWidget C. Tidak memiliki State D. Semuanya salah
- 38. Universitas Sriwijaya Quiz 5. Ketika Anda ingin membagikan folder proyek Flutter setelah debugging, Anda perlu... A. Eksekusi command flutter clean B. Eksekusi command flutter pub get C. Eksekusi command flutter upgrade D. Eksekusi command flutter help