Slide 1

Slide 1 text

Confidential + Proprietary Emmanuel Joseph (JET) Flutter Advance With Flutter Developer Student Club Lead, EKSU

Slide 2

Slide 2 text

Flutter is Google's UI toolkit for crafting beautiful, natively compiled applications for mobile, web, and desktop from a single codebase Flutter is Google’s UI Framework

Slide 3

Slide 3 text

“To the metal” approaches “Cross platform” approaches Must fund different platform More teams, codebases, & investments Inconsistent brand, features Different across devices & OEMs Poor Performance Slow, jerky, unpredictable Non-Native Look/Feel Users can tell the difference High-quality apps Platform and system integrations Fast development Quick iterations, hot reload High-performance UIs Native code, GPU accelerated Portability, reach Single codebase Challenges of software development today

Slide 4

Slide 4 text

Confidential + Proprietary ” Flutter combines native performance and quality with high-velocity development and multi-platform reach. “ Flutter offers the best of all worlds

Slide 5

Slide 5 text

Confidential + Proprietary Flutter Architecture Framework (Dart) Engine (C++) Skia Dart Text Material Cupertino Widgets Rendering Animation Painting Gestures Foundation Browser (C++, JS) Canva JS Engine DOM

Slide 6

Slide 6 text

Confidential + Proprietary High-Velocity Development Expressive and Flexible Toolkit Native iOS, Android and Desktop App

Slide 7

Slide 7 text

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 High-velocity development

Slide 8

Slide 8 text

Confidential + Proprietary 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 Flexibility and Control for beautiful UI’s

Slide 9

Slide 9 text

Built and used by Google, developers and companies around the world

Slide 10

Slide 10 text

Full frame is great, use a scrim for text. Crypto Crypto displays cryptocurrency details in real time

Slide 11

Slide 11 text

Material Design Firebase VS Code Android Studio Android APIs iOS APIs Redux Xcode 3rd-party Android SDKs 3rd-party iOS SDKs Works with popular tools and platforms

Slide 12

Slide 12 text

Bring your app to the the other platform Start a new app from scratch Test Flutter in production with one or two screens in your existing app. You already have an iOS or Android app? Use Flutter to build for the other platform. Combine codebases when you’ve proven your Flutter app. Build your new idea in Flutter, and reach both iOS and Android at the same time. Use Flutter for a part of your app Prototype a new app idea Use Flutter to test out an app concept or idea in record time. Four ways to use Flutter today

Slide 13

Slide 13 text

Flutter offers a portable, high-quality UI toolkit, and a fast, expressive way to build native app UIs. Key component of the Google Developer family

Slide 14

Slide 14 text

Confidential + Proprietary Get Started bit.ly/startflutter

Slide 15

Slide 15 text

● Building Builtiful Uis with Flutter ● Adding Google Maps to a Flutter App ● Build a Photo Sharing App with Google Photos and Flutter ● Firebase For Flutter ● Material Advanced Components and lots more bit.ly/fluttercodelabs Flutter Codelabs

Slide 16

Slide 16 text

❖ https://flutter.dev ❖ https://pub.dev ❖ https://dart.dev Helpful Links

Slide 17

Slide 17 text

Thank you! Emmanuel Joseph (JET)