Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Programming makes me Flutter!

Programming makes me Flutter!

Know about the new Google's UI toolkit to craft beautiful and natively compiled applications for mobile, web, and desktop using a single codebase-Dart.

Fluttering huh?

0cfbc81b485b2dee310d833612414339?s=128

Naamini Yonazi

November 17, 2018
Tweet

Transcript

  1. “ Programming makes me us Flutter” Naamini Yonazi Software Developer

    DataVision International GDG DevFest 2018
  2. FLUTTER • What is Flutter • Framework Architecture • Why

    Flutter? • Features • Development Tools • Dart Programming • Getting started … 2
  3. WHAT IS FLUTTER …

  4. In-cheon “ Flutter is Google’s mobile UI framework for crafting

    high-quality native interfaces on iOS and Android in record time. “ Ie: Flutter allows you to build beautiful native apps on iOS and Android from a single codebase. - flutter.io Flutter can develop cross-platform high quality native apps
  5. Here are some few selection of apps made with Flutter:

    … Birch Finance, Hamilton Musical and many more.
  6. In-cheon • What does Flutter do? • Who is Flutter

    for? • Do I have to be an experienced programmer to use Flutter? • What makes Flutter unique? • Should I build my next production app with Flutter? • Does Flutter come with a framework?
  7. ARCHITECTURE …

  8. In-cheon The major components of Flutter include: • Flutter engine

    • Foundation library • Design-specific widgets
  9. WHY FLUTTER ?

  10. NATIVE DEVELOPMENT CODE BASE 1 CODE BASE 2 + =

  11. This is a great solution … however...

  12. ANOTHER SOLUTION - REACTIVE VIEWS Again… great solution/alternative but there’s

    that bridge .. and of course .. expensive
  13. A BETTER SOLUTION No more “Bridge”. Replace bridge with the

    compiled code into native code for multiple platforms. Dart is a compiled code
  14. So why Flutter is the next big thing ... 1.

    It is actually native (and not React Native native). 2. It doesn’t require a JavaScript bridge to talk to OEM widgets. 3. It is the default programming language for all the apps for Fuchsia OS (Google’s new operating system) *YAY*. 4. More and more startups are looking into it. 5. It is being supported and promoted by Google XD PS: Flutter is not a LANGUAGE, it’s an SDK just like Android SDK.
  15. None
  16. MAIN FEATURES …

  17. In-cheon • Fast Development • Expressive and Flexible UI •

    Native Performance
  18. DEVELOPMENT TOOLS ...

  19. In-cheon OS: • Mac OSX • Windows • Linux IDE’s

    • Android Studio • Intellij IDEA • VS Code
  20. LET’S {DART} BEFORE WE {FLUTTER}

  21. Location “ Dart creates high-quality, mission-critical apps for iOS, Android,

    and the web. With features aimed at client-side development, Dart is a great fit for both mobile and web apps. Dart is free and open source” - dartlang.org • Productive • Fast • Portable • Approachable • Reactive Ie: Is a class-based, single-inheritance, PURE object-oriented programming language
  22. Getting Started with flutter .. Location • Choose OS •

    Get flutter SDK • Run flutter doctor
  23. CONCLUSION

  24. Location

  25. @carolla93 Naamini Yonazi @nemmycarolla Location @carollacharles naaminicyonazi@gmail.com .naaminicyonazi.com