My talk slides "Building beautiful apps using google flutter" at GDG Fayoum Event

1. Google Flutter
Building Beautiful Apps using
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
- Founder of FlutterEgypt
/Dahabdev /Dahabdev /Dahabit

3. Mobile Platforms

4. Mobile Platforms

5. Mobile Platforms

6. Mobile Platforms

7. Mobile Platforms

8. IOS
Cupertino

9. Android
Material Design

10. Mobile Development Approaches

11. Mobile Development Approaches

12. Native Approach (Single Platform)
Swift Kotlin

13. OEM SDKs

14. Hybrid Approach

15. WebViews

16. Cross-Platform Approach
JavaScriptC#

17. Native Proxy SDK

18. Cross-Platform Approach
JavaScript
JavaScript

19. Reactive Views

20. Mobile Development Approaches
JavaScript JavaScript
JavaScript
C#

21. Google Flutter
Cross-Platform Approach

22. Flutter approach

23. So what is Flutter ?
Flutter is the next step in
App development
Speed and performance
Fast , smooth performance
Flexibility
Customize anything
Native look and feel
Familiarity , ease of use
Rapid Development
Easy to learn , predictable

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

25. What language is Flutter built with?
+ =

26. 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)..

27. What is Dart?
● Language and Libraries
● Packages manager https://pub.dartlang.org/
● Virtual machine
● Compile to Javascript dart2js
Batteries included

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

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

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

31. 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

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

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

34. How Flutter works ?
Flutter

35. Everything is a Widget

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

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

38. https://flutter.io/widgets/

39. Rows and columns

40. StatefulWidget vs. StatelessWidget

41. You Can customize everything in green

42. Flutter

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

44. What’s make Flutter unique ?
Flutter

45. Great looking and fast Widgets

46. HTML/CSS Analogs in Flutter

47. Hot Reload

48. 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.

49. With Flutter no limit to your imagination.
Flutter

50. With Flutter no limit to your imagination.

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

52. IDE Support ?

53. IDE Support ?

54. IDE Support ?

55. IDE Support ?

56. IDE Support ?

57. IDE Support ?

58. Terminal ?
$ flutter create demoapp

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

60. Easy Check !
$ flutter doctor

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

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

64. What next ?

65. Mobile Development Approaches
Google Flutter
JavaScript
JavaScript
JavaScript
C#
Dart

66. Demo

67. Question?

68. Google Flutter
Building Beautiful Apps using
By
Ahmed Abu Eldahab
/FlutterEgypt /FlutterEgypt