Flutter beyond hello world
•
15 likes•2,705 views
My Second Flutter Studyjam slides we covered these topics - Themeing in flutter - Flutter routes - Flutter Data Models - Isolates in Flutter - asynchronous
Recommended
More Related Content
What's hot
What's hot (20)
More from Ahmed Abu Eldahab
More from Ahmed Abu Eldahab (20)
Recently uploaded
Recently uploaded (20)
Flutter beyond hello world
- 1. By : Ahmed Abu Eldahab @dahabdev
- 2. Ahmed Abu Eldahab Senior Technical Consultant Google Developer Expert in Flutter /Dahabdev
- 3. 20 MINUTES Intro 40 MINUTES Flutter Beyond Hello world! (Part 1) 10 MINUTES Break 60 MINUTES Flutter Beyond Hello world! (Part 2) SHARE FEEDBACK Share photos, insights using the hashtags #StudyJamMENA #GDGMENA #Flutter #FlutterStudyJam #OnlineFlutterStudyJam #FlutterDev @dahabdev AGENDA
- 4. Flutter Beyond Hello world! By : Ahmed Abu Eldahab @dahabdevOnline StudyJam
- 5. Everything is a Widget
- 6. WIDGET Stateless Widget Stateful Widget WIDGET STATE VS Everything is a Widget
- 7. WIDGET Stateless Widget Stateful Widget WIDGET STATE VS Everything is a Widget
- 8. WIDGET Stateless Widget Stateful Widget WIDGET STATE VS Everything is a Widget
- 10. Flutter Widgets
- 11. Flutter Widgets
- 12. Flutter Widgets
- 13. Flutter Widgets
- 14. Flutter Widgets
- 15. Flutter Widgets
- 16. Flutter Widgets
- 17. Flutter Widgets
- 18. Flutter Widgets
- 19. Flutter Widgets
- 20. Flutter Widgets
- 21. Flutter Widgets
- 22. Flutter Widgets
- 23. Flutter Widgets
- 24. Stateless Widget Constructor Function build() Stateful Widget Constructor Function build() initState() setState() build() didUpdateWidget() dispose() Flutter Widgets
- 25. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column Text Column Element Text Element Rendered Box Rendered Box Rendered Box
- 26. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column Text Column Element Text Element Rendered Box Rendered Box Rendered Box
- 27. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column Column Element Text Element Rendered Box Rendered Box Rendered Box
- 28. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column Column Element Rendered Box Rendered Box
- 29. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column List Column Element List Element Rendered Box Rendered Box Rendered Box
- 30. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column List Column Element List Element Rendered Box Rendered Box Rendered Box
- 31. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column List Column Element List Element Rendered Box Rendered Box Rendered Box
- 32. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column List Column Element List Element Rendered Box Rendered Box Rendered Box
- 33. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column List Column Element List Element Rendered Box Rendered Box Rendered Box
- 34. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column List Column Element List Element Rendered Box Rendered Box Rendered Box Unique Key Unique Key
- 35. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column List Column Element List Element Rendered Box Rendered Box Rendered Box Unique Key Unique Key
- 36. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column List Column Element List Element Rendered Box Rendered Box Rendered Box Unique Key Unique Key
- 37. Flutter Widgets Rebuilds frequently Element Tree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column List Column Element List Element Rendered Box Rendered Box Rendered Box Unique Key Unique Key
- 39. Flutter Widgets
- 41. State Management
- 45. Directory structure We Will build simple Application with three screens
- 46. App Theme
- 47. App Theme
- 49. Named Routes
- 50. Custom Fonts
- 51. Custom Fonts
- 54. Connect to Database Flutter Mysql MSSQL Oracle Web Server API Interface http://jsonplaceholder.typicode.com https://app.quicktype.io/ https://picsum.photos
- 55. Dart Data Types List int bool Set Map String double Uri DateTime num https://api.dart.dev/stable/2.4.0/dart-core/dart-core-library.html
- 56. Fetching Data from Web
- 58. Async in Dart FutureBuilder Async = await
- 59. Thanks
- 60. We will be back in 10 minutes
- 61. Ahmed Abu Eldahab Senior Technical Consultant Google Developer Expert in Flutter /Dahabdev