Google Flutter
Building Beautiful Apps using
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
- Founder of FlutterEgypt
/Dahabdev /Dahabdev /Dahabit
Mobile Platforms
Mobile Platforms
Mobile Platforms
Mobile Platforms
Mobile Platforms
IOS
Cupertino
Android
Material Design
Mobile Development Approaches
Mobile Development Approaches
Native Approach (Single Platform)
Swift Kotlin
OEM SDKs
Hybrid Approach
WebViews
Cross-Platform Approach
JavaScriptC#
Native Proxy SDK
Cross-Platform Approach
JavaScript
JavaScript
Reactive Views
Mobile Development Approaches
JavaScript JavaScript
JavaScript
C#
Google Flutter
Cross-Platform Approach
Flutter approach
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
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?
● Language and Libraries
● Packages manager https://pub.dartlang.org/
● Virtual machine
● Compile to Javascript dart2js
Batteries included
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
Flutter
Platform channels
Flutter
https://flutter.io/platform-channels/
What’s make Flutter unique ?
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.
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 ?
Mobile Development Approaches
Google Flutter
JavaScript
JavaScript
JavaScript
C#
Dart
Demo
Question?
Google Flutter
Building Beautiful Apps using
By
Ahmed Abu Eldahab
/FlutterEgypt /FlutterEgypt

Building beautiful apps using google flutter