Google Flutter
and why does it matter
By
Ahmed Abu Eldahab
/FlutterEgypt /FlutterEgypt
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
Mobile Platforms
Mobile Platforms
Mobile Platforms
Mobile Platforms
Mobile Development Approaches
Native Approach
Swift Kotlin
Hybrid Approach
Hybrid Approach
Cross-Platform Approach
Google Flutter
JavaScript
JavaScript
JavaScript
C#
Dart
So what is Flutter ?
What makes Flutter unique?
Flutter
- Compiles to Native Code (ARM Binary code)
- No reliance on OEM widgets
- No bridge needed
What language is Flutter built with?
+ =
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)..
What is Dart?
What is Dart?
https://www.tiobe.com/tiobe-index/dart/
What is Dart?
What is Dart?
Dart 2
https://www.dartlang.org/dart-2
What is Dart?
https://www.dartlang.org/dart-2
What is Dart?
https://www.dartlang.org/dart-2
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
Google Fuchsia
Fuchsia is a capability-based, real-time operating system (RTOS)
currently being developed by Google.
https://github.com/fuchsia-mirror/
Google Fuchsia
https://github.com/fuchsia-mirror/
How Flutter works ?
Flutter
Everything is a Widget
https://flutter.io/widgets/widgetindex/
https://flutter.io/widgets/widgetindex/
https://flutter.io/widgets/
Rows and columns
StatefulWidget vs. StatelessWidget
You Can customize everything in green
What’s make Flutter unique ?
Flutter
OEM SDKs
WebViews
Reactive Views
Flutter
Platform channels
Flutter
https://flutter.io/platform-channels/
What else ?
Flutter
Great looking and fast Widgets
HTML/CSS Analogs in Flutter
Hot Reload
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.
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
With Flutter no limit to your imagination.
Flutter
With Flutter no limit to your imagination.
Consistent Material Design (or your design) on phones made way before Material Design existed
IDE Support ?
IDE Support ?
IDE Support ?
IDE Support ?
IDE Support ?
IDE Support ?
Terminal ?
$ flutter create demoapp
How To install ?
https://flutter.io/setup/
Easy Check !
$ flutter doctor
https://pub.dartlang.org/flutter
What's happening now ?
Flutter currently is in Alpha
What next ?
Demo
Question?
Google Flutter
and why does it matter
By
Ahmed Abu Eldahab
/FlutterEgypt /FlutterEgypt

Google flutter and why does it matter