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 Development Approaches

8.
Native Approach (Single Platform)
Swift Kotlin

9.
OEM SDKs

10.
Hybrid Approach

11.
WebViews

12.
Cross-Platform Approach
JavaScriptC#

13.
Native Proxy SDK

14.
Cross-Platform Approach
JavaScript
JavaScript

15.
Reactive Views

16.
Google Flutter
Cross-Platform Approach

17.
Flutter approach

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

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

20.
What language is Flutter built with?
+ =

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

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

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

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

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

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

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

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

29.
How Flutter works ?
Flutter

30.
Everything is a Widget

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

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

33.
https://flutter.io/widgets/

34.
Rows and columns

35.
StatefulWidget vs. StatelessWidget

36.
You Can customize everything in green

37.
Flutter

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

39.
What’s make Flutter unique ?
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

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

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

59.
What next ?

60.
Demo

61.
Question?

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