Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Getting started with flutter

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Wird geladen in …3
×

Hier ansehen

1 von 49 Anzeige
Anzeige

Weitere Verwandte Inhalte

Diashows für Sie (20)

Ähnlich wie Getting started with flutter (20)

Anzeige

Aktuellste (20)

Getting started with flutter

  1. 1. Getting started with @rihanna_ke
  2. 2. @rihanna_ke
  3. 3. ?? @rihanna_ke An open-source toolkit, made by UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
  4. 4. Tools - to compile your code to native code - to develop with ease SDK (Software development kit)
  5. 5. - Collection of re-usable UI blocks (widgets) - utility functions - packages Framework
  6. 6. Beautiful No compromises for your designers
  7. 7. Control every pixel Never say no to your “designer” Rich palette of tools
  8. 8. Fast Take the speed limiter off your app Fast Take the speed limiter off your app
  9. 9. Graphics engine Skia 2D 60fps, GPU accelerated Compiled to native machine code
  10. 10. Fast Take the speed limiter off your app Productive Develop while your app is running
  11. 11. Paint your app to life Hot Reload Revolutionary capabilities for developers and designers
  12. 12. Fast Take the speed limiter off your app Open Everything is free 100% community contribution
  13. 13. 05/2017 12/201912/2018 08/2020 1.20 @rihanna_ke 1.0 1.12
  14. 14. Client -optimized language for fast apps in any platform Dart js compiler Just in time and Ahead of time ��
  15. 15. Set up https://flutter.dev/docs/get-started/install @rihanna_ke
  16. 16. Set up an editor flutter.dev/docs/get-started/editor
  17. 17. dartpad.dev @rihanna_ke
  18. 18. codepen.io @rihanna_ke
  19. 19. The Power of Widgets @rihanna_ke
  20. 20. The widget catalog https://flutter.dev/docs/development/ui/widgets@rihanna_ke ~ 395!!!
  21. 21. Layout - related Widgets - Single-child layout widgets (Container, Center, Expanded, Padding) - Multi-child layout widgets (Column, Row, ListView, Stack) Structural Widgets (Buttons, Icons, Text, Image) Animation & motion Widgets: Styling widgets Scrolling widgets ….. Material component Widgets Cupertino widgets
  22. 22. Fast Take the speed limiter off your app app @rihanna_ke
  23. 23. @rihanna_ke
  24. 24. Stateless widget Input Data Widget Renders UI Data can change (externally) Gets (re)- rendered when Input Data changes
  25. 25. Internal State Stateful widget Input Data Renders UI Widget Data can change (externally) Gets (re)- rendered when Input Data or local State changes
  26. 26. Flutter Plugins Third party packages pubspec.yml @rihanna_ke
  27. 27. pub.dev @rihanna_ke
  28. 28. Fast Take the speed limiter off your app Why Is Unique?? @rihanna_ke
  29. 29. App @rihanna_ke
  30. 30. Web @rihanna_ke
  31. 31. On every screen @rihanna_ke
  32. 32. @rihanna_ke stable beta alpha alpha developer preview Widget everywhere!!!
  33. 33. flutter build android [--release] flutter build ios [--release] flutter build linux [--release] flutter build macos [--release] flutter build windows [--release]
  34. 34. Great looking and fast Apps 40
  35. 35. Fast Take the speed limiter off your app Getting started with @rihanna_ke
  36. 36. Fast Take the speed limiter off your app flutter.dev/docs/get-started/flutter-for/ @rihanna_ke
  37. 37. Fast Take the speed limiter off your app - Checkout examples - Watch Flutter videos/courses - Read Flutter documentations - Play and practice - Find a friend to learn with @rihanna_ke Newbie
  38. 38. Start with Dart - Dart code lab - Tour of dart - Dart video tutorials
  39. 39. Flutter docs / blogs - flutter.dev - flutter.faq - flutter.community - flutter.medium - Understand layouts - Flutter CookBook - Intro to animations - State management intro
  40. 40. Examples, Play and practice - flutter.showcases - dartpad.dev - codepen.io/flutter - latest codelabs
  41. 41. Courses / Videos - udacity free course - full crash course youtube 2020 - The Flutter boring show - Widget of the week - Flutter in focus
  42. 42. For any question/suggestion Flutter related don’t hesitate to contact me on rihanna.kedir.dev@gmail.com
  43. 43. Rihanna Kedir Photo from Unsplash @rihanna_ke

×