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.

Google flutter the easy and practical way IEEE Alazhar

my talk "Google flutter the easy and practical way" at IEEE Alazhar university online event

Livres associés

Gratuit avec un essai de 30 jours de Scribd

Tout voir
  • Soyez le premier à commenter

Google flutter the easy and practical way IEEE Alazhar

  1. 1. Ahmed Abu Eldahab GDE Flutter & Dart @dahabdev Google Flutter the easy and practical way
  2. 2. Ahmed Abu Eldahab Google Developer Expert in Flutter & Dart Senior Technical Consultant Kortobaa LLC CTO /Dahabdev
  3. 3. bit.ly/dahab-youtube
  4. 4. The dilemma of mobile app development
  5. 5. Mobile Development Approaches
  6. 6. Native Approach (Single Platform) OEM Widgets Cupertino Material Design Canvas Events Location Bluetooth Camera Sensors Java Kotlin Swift Objective-c Application Services
  7. 7. Cross-Platform Approach
  8. 8. Cross-Platform Approach
  9. 9. Hybrid Approach Web View Canvas Events Location Bluetooth Camera Sensors JavaScript HTML CSS Application Services Bridge
  10. 10. Cross-Platform Approach Canvas Events Location Bluetooth Camera Sensors Transferred Native Code Application Services FrameworklibrariesSDK OEM Widgets Cupertino Material Design C# JavaScript
  11. 11. Cross-Platform Approach Canvas Events Location Bluetooth Camera Sensors Javascript Application Services JavascriptBridge OEM Widgets Cupertino Material Design JavaScript
  12. 12. Flutter Approach Canvas Events Location Bluetooth Camera Sensors Native ARM Binary Code Services Platform Channels Flutter Widgets Cupertino Material Design
  13. 13. Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase
  14. 14. Control every pixel on the screen Make your brand come to life Never say "no" to your designer Stand out in the marketplace Win awards with beautiful UI Expressive, beautiful UIs
  15. 15. Flutter support many types of Animations - Tween - Hero - Sliver - Transform - FadeInWidget - Animation Builder - AnimatedOpacity - Physics-based animation Beautiful Animations
  16. 16. Flutter support many types of Animations - Tween - Hero - Sliver - Transform - FadeInWidget - Animation Builder - AnimatedOpacity - Physics-based animation Beautiful Animations
  17. 17. Fast Brings the power of a games engine to user experience development 120fps, GPU accelerated Compiled to native machine code
  18. 18. Sub-second reload times Paint your app to life Iterate rapidly on features Test hypotheses quicker than ever More time to experiment & test features Single-codebase for faster collab 3X Productivity Gains Productive
  19. 19. ● Language and Libraries ● Packages manager https://pub.dev ● Virtual machine ● Compile to Javascript dart2js Dart is a client-optimized language for fast apps on any platform! (Web - Desktop - Mobile - Embedded)?
  20. 20. Google Fuchsia
  21. 21. 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; }
  22. 22. Swift UI
  23. 23. Jetpack Compose
  24. 24. What makes Flutter unique? - Compiles to Native Code (ARM Binary code) - No reliance on OEM widgets - No bridge needed - No markup language (only Dart)
  25. 25. Everything is a Widget
  26. 26. https://flutter.dev/docs/reference/widgets
  27. 27. https://flutter.dev/docs/reference/widgets
  28. 28. App Widget Material Widget Scaffold Widget Column Container Text Button Render Tree Everything is a Widget
  29. 29. Supernova http://supernova.io/
  30. 30. Supernova http://supernova.io/
  31. 31. Adobe XD
  32. 32. New Dartpad https://dartpad.dev
  33. 33. With Flutter no limit to your imagination!
  34. 34. IDE Support ?
  35. 35. https://flutter.dev/docs/get-started/install
  36. 36. $ flutter doctor $ flutter upgrade
  37. 37. Test https://flutter.dev/docs/testing - Unit testing - Widget testing - Integration testing
  38. 38. Flutter Showcase https://flutter.dev/showcase & https://itsallwidgets.com
  39. 39. Flutter Showcase https://flutter.dev/showcase & https://itsallwidgets.com
  40. 40. Flutter Showcase https://flutter.dev/showcase & https://itsallwidgets.com
  41. 41. bit.ly/dahab-youtube
  42. 42. Ahmed Abu Eldahab Google Developer Expert in Flutter & Dart Senior Technical Consultant Kortobaa LLC CTO /Dahabdev

    Soyez le premier à commenter

  • yahiakotb

    Apr. 7, 2020
  • malakmaurice

    Apr. 8, 2020

my talk "Google flutter the easy and practical way" at IEEE Alazhar university online event

Vues

Nombre de vues

887

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

0

Actions

Téléchargements

76

Partages

0

Commentaires

0

Mentions J'aime

2

×