Start Developing with Flutter - Code and No Code Options (By: Atiq Samtia) - Flutter Forward Extended 2023

Talk by Atiq Samtia (https://twitter.com/atiqsamtia) at Flutter Forward Extended 2023 by GDG Lahore.

Transcript

1. Start Developing with Flutter •By Atiq Samtia Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
2. Atiq Samtia • Trainer at NFTP & Mass.School • Tech Speaker • Backend Web & App dev • Runs a software agency named ioi Technologies in Lahore • Revolutionizing real-estate agent’s operations via mobile apps hi@atiq.dev
3. Devices Devices Everywhere Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
4. Different Platforms ANDROID IOS WEB WINDOWS MACOS SMART WATCHES Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
5. Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
6. Too much for Solo Developer or Startup Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
7. Hybrid / Cross Platform Options IONIC REACT NATIVE XAMRIN FLUTTER Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
8. Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
9. What is Flutter Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
10. Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
11. Who is using Flutter • PUBG Mobile (Community feature) • BMW App • WeCha t • Grab.com delivery app • Yandex Go • Nubank • Sono s .com • Fastic - Fasting Ap p • Realtor.co m • Ubuntu • iRobot • eBay • Toyota • Google Pay 11
12. Under the hood React Native Flutter Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
13. Benefits • Same Codebase • One code editor • Own widgets, not dependent on OEM Widgets • Great for Custom designs • Decent built-in widget library of Material Design and Cupertino (iOS) • Code once, Deploy everywhere! • Hot reload Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
14. Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
15. Everything is a Widget Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
16. Widget Types StatelessWidget •Cannot update it’s content after build •Use only for static content StateFullWidget •Can update it’s content and rebuild as app is running •Use for dynamic data Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
17. Directory Structure Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
18. External Packages https://pub.dev/ Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
19. Good Packages •cached_network_image •fluttertoast •flutter_form_builder •get •get_storage •dio •provider 19
20. Hot reload Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
21. IDE Support Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
22. IntelliJ Idea Presentation Title 22 Feature rich as Android Studio but faster on low end devices 1 Better Code completion than VS Code 2 Better code refactoring 3 Better GIT Integration 4
23. Install Flutter SDK https://flutter.dev/docs/get-started/install/windows Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
24. Setup Android Studio Flutter Community Pakistan ( http://fb.com/groups/FlutterPK )
25. Project Structure 25 •Keep files organized in their respective directories •Keep files short
26. No Code? 9/3/20XX Presentation Title 26
27. FlutterFlow.io Presentation Title 9/3/20XX 27
28. 9/3/20XX Presentation Title 28
29. 9/3/20XX Presentation Title 29
30. 9/3/20XX Presentation Title 30
31. 9/3/20XX Presentation Title 31
32. 9/3/20XX Presentation Title 32
33. 9/3/20XX Presentation Title 33
34. 9/3/20XX Presentation Title 34
35. 9/3/20XX Presentation Title 35
36. 9/3/20XX Presentation Title 36
37. 9/3/20XX Presentation Title 37
38. 9/3/20XX Presentation Title 38
39. Give back to Community Flutter Community Pakistan : fb.com/groups/FlutterPK
40. Questions?