Download as PDF, PPTX
Uploaded byAhmed Abu Eldahab
Flutter beyond hello world
The document outlines an agenda for a Flutter study jam led by Ahmed Abu Eldahab, covering an introduction to Flutter, widget types, and state management across a two-part session. Key topics include the differences between stateless and stateful widgets, widget rebuilding, and connecting Flutter applications to databases. Resources and hashtags for sharing feedback and insights are also mentioned.
More Related Content
Similar to Flutter beyond hello world
![[ABC2018Spring]Flutterアプリ開発入門](https://cdn.slidesharecdn.com/ss_thumbnails/abc2018sflutterkenichikambara-180609052604-thumbnail.jpg?width=640&height=640&fit=bounds)
![Coded Agents – with UiPath SDK + LangGraph [Virtual Hands-on Workshop]](https://cdn.slidesharecdn.com/ss_thumbnails/codedagentsdeck-251215155422-5497c599-thumbnail.jpg?width=640&height=640&fit=bounds)
Flutter beyond hello world
- 1. By : AhmedAbu Eldahab @dahabdev
- 2. Ahmed Abu Eldahab SeniorTechnical Consultant Google Developer Expert in Flutter /Dahabdev
- 3. 20 MINUTES Intro 40MINUTES 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 Helloworld! By : Ahmed Abu Eldahab @dahabdevOnline StudyJam
- 5. Everything is aWidget
- 6. WIDGET Stateless Widget StatefulWidget WIDGET STATE VS Everything is a Widget
- 7. WIDGET Stateless Widget StatefulWidget WIDGET STATE VS Everything is a Widget
- 8. WIDGET Stateless Widget StatefulWidget WIDGET STATE VS Everything is a Widget
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24. Stateless Widget Constructor Function build() StatefulWidget Constructor Function build() initState() setState() build() didUpdateWidget() dispose() Flutter Widgets
- 25. Flutter Widgets Rebuilds frequently ElementTree 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 ElementTree 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 ElementTree 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 ElementTree Render TreeWidget Tree Rarely rebuilds Rarely rebuilds Container ElementContainer Column Column Element Rendered Box Rendered Box
- 29. Flutter Widgets Rebuilds frequently ElementTree 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 ElementTree 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 ElementTree 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 ElementTree 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 ElementTree 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 ElementTree 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 ElementTree 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 ElementTree 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 ElementTree 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
- 38.
- 39.
- 40.
- 41.
- 42.
- 44.
- 45. Directory structure We Willbuild simple Application with three screens
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54. Connect to Database Flutter Mysql MSSQL Oracle WebServer API Interface http://jsonplaceholder.typicode.com https://app.quicktype.io/ https://picsum.photos
- 55. Dart Data Types List intbool Set Map String double Uri DateTime num https://api.dart.dev/stable/2.4.0/dart-core/dart-core-library.html
- 56.
- 58. Async in Dart FutureBuilderAsync = await
- 59.
- 60. We will beback in 10 minutes
- 61. Ahmed Abu Eldahab SeniorTechnical Consultant Google Developer Expert in Flutter /Dahabdev