Download as PDF, PPTX
Uploaded byAhmed Abu Eldahab
Building Beautiful Apps using Google Flutter
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.
More Related Content
![[Alexandria Devfest] the magic of flutter](https://cdn.slidesharecdn.com/ss_thumbnails/egyptdevfestthemagicofflutter-181114115455-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Building Beautiful Apps using Google Flutter
Building Beautiful Apps using Google Flutter
- 1. Google Flutter Building BeautifulApps using By Ahmed Abu Eldahab /FlutterEgypt /FlutterEgypt @dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt
- 2. About Us FlutterEgypt - Weare 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 - Worldfirst 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 nameis 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 thefirst programmer ever? @dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt
- 6. Ada Lovelace The firstprogrammer 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'snotes were labelled alphabetically from A to G @dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt
- 8. Who is thefirst 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 firstsoftware 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 machineTuring machine
- 12.
- 13.
- 14.
- 15.
- 16.
- 17. IOS Kernel and DeviceDrivers Core OS Core Services & Media OEM Widget (Cupertino) @dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt
- 18. Android Linux Kernel andDevice 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 (SinglePlatform) Swift Kotlin @dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt
- 22. OEM SDKs OEM Widgets Cupertino MaterialDesign Canvas Events Location Bluetooth Camera Sensors Java Kotlin Swift Objective-c Application Services
- 23.
- 24. Hybrid Approach Web View Canvas Events LocationBluetooth 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 NativeCode 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 CameraSensors Javascript Application Services JavascriptBridge OEM Widgets Cupertino Material Design
- 29. Mobile Development Approaches JavaScriptJavaScript JavaScript C#
- 30.
- 31. Flutter Approach Canvas Events Location Bluetooth CameraSensors Native ARM Binary Code Application Services Platform Channels Flutter Widgets Cupertino Material Design
- 32. So what isFlutter ? 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 Flutterunique? Flutter - Compiles to Native Code (ARM Binary code) - No reliance on OEM widgets - No bridge needed @dahabdev@FlutterEgypt #GDREgypt #GDRMENA #FlutterEgypt
- 34. What language isFlutter 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 GoogleAdWords Google Fuchsia AdSense performance reports Google Fiber Mandrill AdWords for video Google internal sales tool Google internal CRM Adobe
- 38. Google Fuchsia Fuchsia isa 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 aWidget
- 41. Everything is aWidget App Widget Material Widget Scaffold Widget Column Container Text Button Render Tree @dahabdev@FlutterEgypt
- 42.
- 43.
- 44.
- 45.
- 46. Flutter Approach Canvas Events Location Bluetooth CameraSensors Native ARM Binary Code Application Services Platform Channels Flutter Widgets Cupertino Material Design
- 47. What’s make Flutterunique ? Flutter
- 48. Great looking andfast Widgets
- 49. HTML/CSS Analogs inFlutter
- 50.
- 51. With Flutter nolimit to your imagination. Flutter
- 52. With Flutter nolimit to your imagination.
- 53. Consistent Material Design(or your design) on phones made way before Material Design existed
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60. Terminal ? $ fluttercreate demoapp
- 61. How To install? https://flutter.io/setup/
- 62. Easy Check ! $flutter doctor
- 63.
- 64. Mobile Development Approaches GoogleFlutter JavaScript JavaScript JavaScript C# Dart
- 65.
- 66.
- 67. About Me My nameis 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)