My Talk about Google Flutter & Dart 2 for developing mobile apps for IOS & Android

1. Google Flutter
and why does it matter
By
Ahmed Abu Eldahab
/FlutterEgypt /FlutterEgypt

2. About Me
My name is Ahmed Abu Eldahab
- I wrote my first line of code 22 years ago.
- I have 15+ years experience with software (Web - Mobile - Desktop)
- Founder & CTO DahabIT
- GDG Alexandria member
/Dahabdev /Dahabdev /Dahabit

3. Mobile Platforms

4. Mobile Platforms

5. Mobile Platforms

6. Mobile Platforms

7. Mobile Development Approaches

8. Native Approach
Swift Kotlin

9. Hybrid Approach

10. Hybrid Approach

11. Cross-Platform Approach
Google Flutter
JavaScript
JavaScript
JavaScript
C#
Dart

12. So what is Flutter ?

13. What makes Flutter unique?
Flutter
- Compiles to Native Code (ARM Binary code)
- No reliance on OEM widgets
- No bridge needed

14. What language is Flutter built with?
+ =

15. What is Dart?
One language to rule them all..
- Open-source web programming language developed by Google.
- Class-based, single-inheritance, object oriented language with
C-style syntax.
- Supports interfaces, abstract classes, reified generics, and optional
typing(Dart 1) and strong typing (Dart 2)..

16. What is Dart?

17. What is Dart?
https://www.tiobe.com/tiobe-index/dart/

18. What is Dart?

19. What is Dart?
Dart 2
https://www.dartlang.org/dart-2

20. What is Dart?
https://www.dartlang.org/dart-2

21. What is Dart?
https://www.dartlang.org/dart-2

22. Who use Dart?
https://www.dartlang.org/community/who-uses-dart
Google AdWords Google Fuchsia
AdSense
performance reports
Google Fiber
Mandrill AdWords for video
Google internal
sales tool
Google internal
CRM
Adobe

23. Google Fuchsia
Fuchsia is a capability-based, real-time operating system (RTOS)
currently being developed by Google.
https://github.com/fuchsia-mirror/

24. Google Fuchsia
https://github.com/fuchsia-mirror/

25. How Flutter works ?
Flutter

26. Everything is a Widget

27. https://flutter.io/widgets/widgetindex/

28. https://flutter.io/widgets/widgetindex/

29. https://flutter.io/widgets/

30. Rows and columns

31. StatefulWidget vs. StatelessWidget

32. You Can customize everything in green

33. What’s make Flutter unique ?
Flutter

34. OEM SDKs

35. WebViews

36. Reactive Views

37. Flutter

38. Platform channels
Flutter
https://flutter.io/platform-channels/

39. What else ?
Flutter

40. Great looking and fast Widgets

41. HTML/CSS Analogs in Flutter

42. Hot Reload

43. No global layout system
Local layouts: Every Widget defines it’s own layout. No need to tell the parent that
it’s children are supposed to be centered.

44. Customizing and extending Widgets
Flutter’s Widget system was designed to be easily customizable
Composition: Widgets are built out of smaller widgets that you can reuse and
combine in novel ways to make custom widgets

45. With Flutter no limit to your imagination.
Flutter

46. With Flutter no limit to your imagination.

47. Consistent Material Design (or your design) on phones made way before Material Design existed

48. IDE Support ?

49. IDE Support ?

50. IDE Support ?

51. IDE Support ?

52. IDE Support ?

53. IDE Support ?

54. Terminal ?
$ flutter create demoapp

55. How To install ?
https://flutter.io/setup/

56. Easy Check !
$ flutter doctor

58. https://pub.dartlang.org/flutter

59. What's happening now ?
Flutter currently is in Alpha

60. What next ?

61. Demo

62. Question?

63. Google Flutter
and why does it matter
By
Ahmed Abu Eldahab
/FlutterEgypt /FlutterEgypt