Programming makes me Flutter!

Slide 1

Slide 1 text

“ Programming makes me us Flutter” Naamini Yonazi Software Developer DataVision International GDG DevFest 2018

Slide 2

Slide 2 text

FLUTTER ● What is Flutter ● Framework Architecture ● Why Flutter? ● Features ● Development Tools ● Dart Programming ● Getting started … 2

Slide 3

Slide 3 text

WHAT IS FLUTTER …

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

Here are some few selection of apps made with Flutter: … Birch Finance, Hamilton Musical and many more.

Slide 6

Slide 6 text

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?

Slide 7

Slide 7 text

ARCHITECTURE …

Slide 8

Slide 8 text

In-cheon The major components of Flutter include: ● Flutter engine ● Foundation library ● Design-specific widgets

Slide 9

Slide 9 text

WHY FLUTTER ?

Slide 10

Slide 10 text

NATIVE DEVELOPMENT CODE BASE 1 CODE BASE 2 + =

Slide 11

Slide 11 text

This is a great solution … however...

Slide 12

Slide 12 text

ANOTHER SOLUTION - REACTIVE VIEWS Again… great solution/alternative but there’s that bridge .. and of course .. expensive

Slide 13

Slide 13 text

A BETTER SOLUTION No more “Bridge”. Replace bridge with the compiled code into native code for multiple platforms. Dart is a compiled code

Slide 14

Slide 14 text

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.

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

MAIN FEATURES …

Slide 17

Slide 17 text

In-cheon ● Fast Development ● Expressive and Flexible UI ● Native Performance

Slide 18

Slide 18 text

DEVELOPMENT TOOLS ...

Slide 19

Slide 19 text

In-cheon OS: ● Mac OSX ● Windows ● Linux IDE’s ● Android Studio ● Intellij IDEA ● VS Code

Slide 20

Slide 20 text

LET’S {DART} BEFORE WE {FLUTTER}

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

Getting Started with flutter .. Location ● Choose OS ● Get flutter SDK ● Run flutter doctor

Slide 23

Slide 23 text

CONCLUSION

Slide 24

Slide 24 text

Location

Slide 25

Slide 25 text

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