Advance With Flutter

Getting started with Flutter presentation during Flutter Study Jam organized by GDG Cloud Ado-Ekiti

Transcript

1. Confidential + Proprietary Emmanuel Joseph (JET) Flutter Advance With Flutter Developer Student Club Lead, EKSU
2. 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
3. “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
4. Confidential + Proprietary ” Flutter combines native performance and quality with high-velocity development and multi-platform reach. “ Flutter offers the best of all worlds
5. 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
6. Confidential + Proprietary High-Velocity Development Expressive and Flexible Toolkit Native iOS, Android and Desktop App
7. 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
8. 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
9. Built and used by Google, developers and companies around the world
10. Full frame is great, use a scrim for text. Crypto Crypto displays cryptocurrency details in real time
11. 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
12. 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
13. 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
14. Confidential + Proprietary Get Started bit.ly/startflutter
15. • 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
16. ❖ https://flutter.dev ❖ https://pub.dev ❖ https://dart.dev Helpful Links
17. Thank you! Emmanuel Joseph (JET)