This document discusses Google Flutter, a mobile app development framework. It provides background on FlutterEgypt, a community group focused on helping Arab and Egyptian developers learn Flutter. The founder, Ahmed Abu Eldahab, is introduced. Key topics covered include the history of programming, an overview of mobile platforms and development approaches, and details on what Flutter is and how it works. Flutter is described as a cross-platform approach that compiles to native code, allowing apps to have native performance without relying on mobile OS widgets.

1. Google Flutter
Building Beautiful Apps using
By
Ahmed Abu Eldahab
/FlutterEgypt /FlutterEgypt
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

2. About Us
FlutterEgypt
- We are a public group for anyone interested in Mobile
Development using Google Flutter which is new SDK
framework form Google to Build applications on IOS &
Android with the same code base.
- Our main target to help Arabs & Egyptians developers
community to know more about Google Flutter
/FlutterEgypt
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

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
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

4. About Me
My name is Ahmed Abu Eldahab
/Dahabdev /Dahabdev /Dahabit
- Co-Founder & CTO of Savvy Arabia
- Founder of FlutterEgypt & Flutterbus 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)
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

5. Who is the first programmer ever?
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

6. Ada Lovelace
The first programmer of all time
- Born in London on December 10, 1815
- Died 27 November 1852 (aged 36)
- In 1953, more than a century after her death, Ada Lovelace's
notes on Babbage's Analytical Engine were republished. The
engine has now been recognised as an early model for a
computer and her notes as a description of a computer and
software.
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

7. Ada Lovelace
Ada Lovelace's notes were labelled alphabetically
from A to G
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

8. Who is the first Modern Programmer ?
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

9. World War ||
- World War || - From 1939 to 1945
- Hut 8 was a section in the Government Code and
Cypher School (GC&CS) at Bletchley Park.
- Hut 8 was responsible for German naval
cryptanalysis.
- Enigma was invented by the German engineer
Arthur Scherbius at the end of World War I
- The Enigma machines were a series of
electro-mechanical rotor cipher machines
developed to protect commercial, diplomatic and
military communication.

10. Alan Turing
The first software Developer
- Born in London on 23 June 1912
- Died 7 June 1954 (aged 41)
- Provided a formalisation of the concepts of algorithm and
computation with the Turing machine.
- During the Second World War, Turing worked for the
Government Code and Cypher School (GC&CS).
- He invented Turing machine (1936) which is a
mathematical model of computation
- There is a movie about his life called “The Imitation Game”
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

11. Alan Turing
Enigma machine Turing machine

12. Mobile Platforms

13. Mobile Platforms

14. Mobile Platforms

15. Mobile Platforms

16. Mobile Platforms

17. IOS
Kernel and Device Drivers
Core OS
Core Services & Media
OEM Widget (Cupertino)
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

18. Android
Linux Kernel and Device Drivers
Libraries & Run Time
Applications & Framework
OEM Widgets (Material Design)
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

19. Mobile Development Approaches
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

20. Mobile Development Approaches
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

21. Native Approach (Single Platform)
Swift Kotlin
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

22. OEM SDKs
OEM Widgets
Cupertino
Material Design
Canvas
Events
Location Bluetooth
Camera Sensors
Java
Kotlin
Swift
Objective-c
Application
Services

23. Hybrid Approach

24. Hybrid Approach
Web View
Canvas
Events
Location Bluetooth
Camera Sensors
JavaScript
HTML
CSS
Application
Services
Bridge

25. Cross-Platform Approach
JavaScriptC#
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

26. Canvas
Events
Location Bluetooth
Camera Sensors
Transferred
Native Code
Application
Services
FrameworklibrariesSDK
OEM Widgets
Cupertino
Material Design
Cross-Platform Approach

27. Cross-Platform Approach
JavaScript
JavaScript
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

28. Reactive Views
Canvas
Events
Location Bluetooth
Camera Sensors
Javascript
Application
Services
JavascriptBridge
OEM Widgets
Cupertino
Material Design

29. Mobile Development Approaches
JavaScript JavaScript
JavaScript
C#

30. Google Flutter
Cross-Platform Approach
@dahabdev@FlutterEgypt

31. Flutter Approach
Canvas
Events
Location Bluetooth
Camera Sensors
Native ARM
Binary
Code
Application
Services
Platform
Channels
Flutter Widgets
Cupertino
Material Design

32. So 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
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

33. What makes Flutter unique?
Flutter
- Compiles to Native Code (ARM Binary code)
- No reliance on OEM widgets
- No bridge needed
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

34. What language is Flutter built with?
+ =
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

35. What is Dart?
- 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, strong typing
(Dart 2).
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

36. What is Dart?
● Language and Libraries
● Packages manager https://pub.dartlang.org/
● Virtual machine
● Compile to Javascript dart2js
Batteries included
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

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

38. Google Fuchsia
Fuchsia is a capability-based, real-time operating system (RTOS)
currently being developed by Google.
https://github.com/fuchsia-mirror/
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

39. How Flutter works ?
Flutter
@dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt

40. Everything is a Widget

41. Everything is a Widget
App Widget
Material Widget
Scaffold Widget
Column
Container
Text
Button
Render Tree
@dahabdev@FlutterEgypt

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

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

44. https://flutter.io/widgets/

45. Flutter Architecture

46. Flutter Approach
Canvas
Events
Location Bluetooth
Camera Sensors
Native ARM
Binary
Code
Application
Services
Platform
Channels
Flutter Widgets
Cupertino
Material Design

47. What’s make Flutter unique ?
Flutter

48. Great looking and fast Widgets

49. HTML/CSS Analogs in Flutter

50. Hot Reload

51. With Flutter no limit to your imagination.
Flutter

52. With Flutter no limit to your imagination.

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

54. IDE Support ?

55. IDE Support ?

56. IDE Support ?

57. IDE Support ?

58. IDE Support ?

59. IDE Support ?

60. Terminal ?
$ flutter create demoapp

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

62. Easy Check !
$ flutter doctor

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

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

65. FlutterEgypt Campaign
http://bit.ly/Flutter-Egypt1000 http://bit.ly/FlutterEgyptVolunteer

66. Thanks

67. About Me
My name is Ahmed Abu Eldahab
/Dahabdev /Dahabdev /Dahabit
- Co-Founder & CTO of Savvy Arabia
- Founder of FlutterEgypt
- 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)