Programming makes me Flutter!

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