The document outlines the capabilities of Flutter, a UI toolkit developed by Google for building applications across multiple platforms from a single codebase. It highlights the introduction of support for six platforms in Flutter 2.0, including web and desktop, as well as the Dart programming language optimized for client applications. Resources and configuration instructions for setting up and optimizing Flutter for web and desktop development are also provided.

1. Ahmed Abu Eldahab
GDE Flutter & Dart
@dahabdev
6 X 1 = Flutter !

2. Ahmed Abu Eldahab
Google Developer Expert in Flutter & Dart
Senior Technical Consultant
Kortobaa LLC CTO
/Dahabdev

3. bit.ly/dahab-youtube

4. Flutter is Google’s UI toolkit
for building beautiful,
natively compiled
applications for mobile, web,
and desktop from a single
codebase

6. There are approximately
150,000 Flutter apps
published in the Play Store
alone.

7. ● Language and Libraries
● Packages manager https://pub.dev
● Virtual machine
● Compile to Javascript dart2js
Dart is a client-optimized language for fast apps on any platform!
(Web - Desktop - Mobile - Embedded)?

10. Flutter 2.0 introduced
support for 6 platforms
(Windows, macOS,
Linux, Web, iOS,
Android) in stable
channel
Stable Web Early Stable Support for Desktops
Fully Null Safety

11. Web
bit.ly/dahab-youtube

12. Web

13. Web
Flutter 2.0 Web

14. Web
Setup

15. https://flutter.dev/docs/get-started/web
Confirm support
Web

16. Flutter Run
Web

17. Web

18. Web

19. Web
https://flutter.dev/docs/development/tools/web-renderers

20. Web
https://rive.app https://code.irobot.com

21. Run using HTML
Web
flutter run -d chrome --web-renderer html

22. Web

23. Web Build
Web
flutter build web --release
flutter build web --web-renderer canvaskit --release
flutter build web --web-renderer html --release

24. Web

25. Desktop
Flutter’s desktop support
is available in the stable
channel under an early
release flag

26. Enable Desktop
Web
flutter config --enable-<platform>-desktop
flutter config --enable-windows-desktop
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop

27. Flutter Run
Web

28. Desktop

29. Desktop

30. Desktop

31. Desktop

32. Desktop

33. Desktop
https://devblogs.microsoft.com/surface-duo/flutter-dual-screen-foldable/

34. Desktop

35. bit.ly/dahab-youtube

40. http://firebase.flutter.dev/

41. 6 X 1 = Flutter !

42. https://www.automotivelinux.org/

46. Architectural layers

47. https://github.com/flutter/flutter/wiki/Custom-Flutter-Engine-Embedders

50. Enable a new platform
flutter config --enable- web
flutter config --enable-windows-desktop
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop

51. Enable a new platform
flutter precache -a
flutter create .

55. https://pub.green

57. Thanks

59. Ahmed Abu Eldahab
Google Developer Expert in Flutter & Dart
Senior Technical Consultant
Kortobaa LLC CTO
/Dahabdev