Building Beautiful Apps using Google Flutter
13 likes378 views
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.
Building Beautiful Apps using Google Flutter
- 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#
- 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
- 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
- 64. Mobile Development Approaches Google Flutter JavaScript JavaScript JavaScript C# Dart
- 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)