Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
The Magic of Flutter
By : Ahmed Abu Eldahab
@dahabdev
About Me
My name is Ahmed Abu Eldahab
/Dahabdev /Dahabdev /Dahabit
- Co-Founder & CTO of Savvy Tech
- Founder of FlutterEg...
About Us
FlutterEgypt
- World first Flutter Meetup community ( our first meetup was
27th january 2018)
- World first Flutt...
Mobile Platforms
Mobile Platforms
Mobile Platforms
Mobile Platforms
Mobile Platforms
IOS
Kernel and Device Drivers
Core OS
Core Services & Media
UI OEM Widgets (Material Design - Cupertino)
@dahabdev
Android
Mobile Development Approaches
@dahabdev
OEM Widgets
Cupertino
Material Design
Canvas
Events
Location Bluetooth
Camera Sensors
Java
Kotlin
Swift
Objective-c
Applic...
Cross-Platform Approach
Hybrid Approach
Web View
Canvas
Events
Location Bluetooth
Camera Sensors
JavaScript
HTML
CSS
Application
Services
Bridge
@...
Canvas
Events
Location Bluetooth
Camera Sensors
Transferred
Native Code
Application
Services
FrameworklibrariesSDK
OEM Wid...
Canvas
Events
Location Bluetooth
Camera Sensors
Javascript
Application
Services
JavascriptBridge
OEM Widgets
Cupertino
Mat...
Flutter Approach
Canvas
Events
Location Bluetooth
Camera Sensors
Native ARM
Binary
Code
Application
Services
Platform
Chan...
What is Flutter?
Flutter is the next step in
App development
Speed and performance
Fast , smooth performance
Flexibility
C...
What makes Flutter unique?
- Compiles to Native Code (ARM Binary code)
- No reliance on OEM widgets
- No bridge needed
- N...
What is Dart?
One language to rule them all..
- Open-source web programming language developed by Google.
- Class-based, s...
● Language and Libraries
● Packages manager https://pub.dartlang.org/
● Virtual machine
● Compile to Javascript dart2js
Ba...
Who use Dart?
https://www.dartlang.org/community/who-uses-dart
Google AdWords Google Fuchsia
AdSense
performance reports
G...
Google Fuchsia
Fuchsia is a capability-based, real-time operating system (RTOS)
currently being developed by Google.
https...
HTML/CSS Analogs in Flutter
var container = new Container( // grey box
child: new Text(
"Lorem ipsum",
style: new TextStyl...
Want to build Great looking and fast Apps?
Everything is a Widget
https://flutter.io/widgets/
Flutter Architecture
You can customize anything in green
Hot Reload
Flutter Widget Inspector
With Flutter no limit to
your imagination!
Test
https://flutter.io/testing/
- Unit testing
- Widget testing
- Integration testing
How To install ?
https://flutter.io/get-started/install/
IDE Support?
Flutter Showcase
https://flutter.io/showcase https://itsallwidgets.com
Flutter Showcase
https://flutter.io/showcase https://itsallwidgets.com
Flutter Showcase
https://flutter.io/showcase https://itsallwidgets.com
Thanks
About Me
My name is Ahmed Abu Eldahab
/Dahabdev /Dahabdev /Dahabit
- Co-Founder & CTO of Savvy Tech
- Founder of FlutterEg...
Prochain SlideShare
Chargement dans…5
×

[Alexandria Devfest] the magic of flutter

622 vues

Publié le

[Alexandria Devfest] the magic of flutter presentation

Publié dans : Technologie

[Alexandria Devfest] the magic of flutter

  1. 1. The Magic of Flutter By : Ahmed Abu Eldahab @dahabdev
  2. 2. About Me My name is Ahmed Abu Eldahab /Dahabdev /Dahabdev /Dahabit - Co-Founder & CTO of Savvy Tech - Founder of FlutterEgypt - GDG Alexandria Organizer - I wrote my first line of code 22 years ago (1995). - I started teaching programming since (2000). - I have 15+ years experience with software (Web - Mobile - Desktop)
  3. 3. About Us FlutterEgypt - World first Flutter Meetup community ( our first meetup was 27th january 2018) - World first Flutter community that join Together with Google Developers (30th april 2018) /FlutterEgypt http://flutteregypt.com
  4. 4. Mobile Platforms
  5. 5. Mobile Platforms
  6. 6. Mobile Platforms
  7. 7. Mobile Platforms
  8. 8. Mobile Platforms
  9. 9. IOS Kernel and Device Drivers Core OS Core Services & Media UI OEM Widgets (Material Design - Cupertino) @dahabdev Android
  10. 10. Mobile Development Approaches @dahabdev
  11. 11. OEM Widgets Cupertino Material Design Canvas Events Location Bluetooth Camera Sensors Java Kotlin Swift Objective-c Application Services Native Approach (Single Platform)
  12. 12. Cross-Platform Approach
  13. 13. Hybrid Approach Web View Canvas Events Location Bluetooth Camera Sensors JavaScript HTML CSS Application Services Bridge @dahabdev
  14. 14. Canvas Events Location Bluetooth Camera Sensors Transferred Native Code Application Services FrameworklibrariesSDK OEM Widgets Cupertino Material Design Cross-Platform Approach C# JavaScript
  15. 15. Canvas Events Location Bluetooth Camera Sensors Javascript Application Services JavascriptBridge OEM Widgets Cupertino Material Design Cross-Platform Approach JavaScript @dahabdev
  16. 16. Flutter Approach Canvas Events Location Bluetooth Camera Sensors Native ARM Binary Code Application Services Platform Channels Flutter Widgets Cupertino Material Design @dahabdev
  17. 17. What is Flutter? Flutter is the next step in App development Speed and performance Fast , smooth performance Flexibility Customize anything - Brand first design Native look and feel Familiarity , ease of use Rapid Development Easy to learn , predictable
  18. 18. What makes Flutter unique? - Compiles to Native Code (ARM Binary code) - No reliance on OEM widgets - No bridge needed - No markup language (only Dart)
  19. 19. 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)..
  20. 20. ● Language and Libraries ● Packages manager https://pub.dartlang.org/ ● Virtual machine ● Compile to Javascript dart2js Batteries included
  21. 21. 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
  22. 22. Google Fuchsia Fuchsia is a capability-based, real-time operating system (RTOS) currently being developed by Google. https://github.com/fuchsia-mirror/
  23. 23. HTML/CSS Analogs in Flutter var container = new Container( // grey box child: new Text( "Lorem ipsum", style: new TextStyle( fontSize: 24.0 fontWeight: FontWeight.w900, fontFamily: "Georgia", ), ), width: 320.0, height: 240.0, color: Colors.grey[300], ); <div class="greybox"> Lorem ipsum </div> .greybox { background-color: #e0e0e0; /* grey 300 */ width: 320px; height: 240px; font: 900 24px Georgia; }
  24. 24. Want to build Great looking and fast Apps?
  25. 25. Everything is a Widget
  26. 26. https://flutter.io/widgets/
  27. 27. Flutter Architecture You can customize anything in green
  28. 28. Hot Reload
  29. 29. Flutter Widget Inspector
  30. 30. With Flutter no limit to your imagination!
  31. 31. Test https://flutter.io/testing/ - Unit testing - Widget testing - Integration testing
  32. 32. How To install ? https://flutter.io/get-started/install/
  33. 33. IDE Support?
  34. 34. Flutter Showcase https://flutter.io/showcase https://itsallwidgets.com
  35. 35. Flutter Showcase https://flutter.io/showcase https://itsallwidgets.com
  36. 36. Flutter Showcase https://flutter.io/showcase https://itsallwidgets.com
  37. 37. Thanks
  38. 38. About Me My name is Ahmed Abu Eldahab /Dahabdev /Dahabdev /Dahabit - Co-Founder & CTO of Savvy Tech - Founder of FlutterEgypt - GDG Alexandria Organizer - I wrote my first line of code 22 years ago (1995). - I started teaching programming since (2000). - I have 15+ years experience with software (Web - Mobile - Desktop)

×