Confidential + Proprietary
Confidential + Proprietary
Rana AlShedayed- Computer Science
Fatimah Suhail- Computer Science
Yasminah AlAli- Artificial Intelligence
@_Yasminah10
Flutter
An intro to Flutter & its magic
Confidential + Proprietary
Basheer Arab - Artificial Intelligence
@Basheer_17
Mohammed Adnan- Artificial Intelligence
@753mohamed
Latifah alghanem- Computer Information Systems
@Latifah__gg
Flutter
An intro to Flutter & its magic
Flutter is Google’s UI Framework that helps developers
create high-quality native apps across multiple platforms
for ios and android.
What is Flutter ?
Easy access
Platform and system integrations, original source code
Simple and flexible layout system
Native code, GPU accelerated
Why use Flutter?
Portability, reach
Single codebase
Fast development
Quick iterations, hot reload
Confidential + Proprietary
”
Flutter combines
native performance and quality
with high-velocity development
and multi-platform reach.
“
Flutter offers the best of both worlds
High-Velocity
Development
Expressive and
Flexible Toolkit
Native iOS and
Android App
High-velocity development
Confidential + Proprietary
Flexibility and Control for
beautiful UI’s
Built and used by Google, developers and companies around
the world
Full frame is great, use a scrim for text.
Material Design
FirebaseVS CodeAndroid Studio
Android APIs iOS APIs Redux
Xcode
3rd-party
Android
SDKs
3rd-party
iOS SDKs
Works with popular tools and platforms
● 1,100+ other packages in repository
● 24,000+ Github stars
● 500+ apps in Play Store
● startflutter.com, flutter.rocks, flutter.institute, and more
● Open source (250+ contributors), BSD free software license
Rich ecosystem and community
Bring your app
to the next
level
Start a new app
from scratch
You will build a calories
calculator with more pages
and enhanced options.
Build a basic movie rating
app.
Build a simple
app
Build a simple piano app
with sounds and actions.
Workshop timeline
● https://www.colorzilla.com/
● https://www.materialpalette.com/icons
● https://flutter.dev/docs
● https://startflutter.com/
● https://iiro.dev/
● https://flutter.institute/
References
● Movie rating app :
https://github.com/wmohammedw/flutter_app
● Piano app :
https://github.com/wmohammedw/PianoApp
● Calories Calculator :
https://github.com/wmohammedw/caloriescalculator.git
Applications Repositories | GitHub
Confidential + Proprietary
Thank you!

Introduction to flutter(1)

  • 1.
  • 2.
    Confidential + Proprietary RanaAlShedayed- Computer Science Fatimah Suhail- Computer Science Yasminah AlAli- Artificial Intelligence @_Yasminah10 Flutter An intro to Flutter & its magic
  • 3.
    Confidential + Proprietary BasheerArab - Artificial Intelligence @Basheer_17 Mohammed Adnan- Artificial Intelligence @753mohamed Latifah alghanem- Computer Information Systems @Latifah__gg Flutter An intro to Flutter & its magic
  • 9.
    Flutter is Google’sUI Framework that helps developers create high-quality native apps across multiple platforms for ios and android. What is Flutter ?
  • 10.
    Easy access Platform andsystem integrations, original source code Simple and flexible layout system Native code, GPU accelerated Why use Flutter? Portability, reach Single codebase Fast development Quick iterations, hot reload
  • 11.
    Confidential + Proprietary ” Fluttercombines native performance and quality with high-velocity development and multi-platform reach. “ Flutter offers the best of both worlds High-Velocity Development Expressive and Flexible Toolkit Native iOS and Android App
  • 12.
  • 13.
    Confidential + Proprietary Flexibilityand Control for beautiful UI’s
  • 14.
    Built and usedby Google, developers and companies around the world
  • 15.
    Full frame isgreat, use a scrim for text.
  • 16.
    Material Design FirebaseVS CodeAndroidStudio Android APIs iOS APIs Redux Xcode 3rd-party Android SDKs 3rd-party iOS SDKs Works with popular tools and platforms
  • 17.
    ● 1,100+ otherpackages in repository ● 24,000+ Github stars ● 500+ apps in Play Store ● startflutter.com, flutter.rocks, flutter.institute, and more ● Open source (250+ contributors), BSD free software license Rich ecosystem and community
  • 18.
    Bring your app tothe next level Start a new app from scratch You will build a calories calculator with more pages and enhanced options. Build a basic movie rating app. Build a simple app Build a simple piano app with sounds and actions. Workshop timeline
  • 19.
    ● https://www.colorzilla.com/ ● https://www.materialpalette.com/icons ●https://flutter.dev/docs ● https://startflutter.com/ ● https://iiro.dev/ ● https://flutter.institute/ References
  • 20.
    ● Movie ratingapp : https://github.com/wmohammedw/flutter_app ● Piano app : https://github.com/wmohammedw/PianoApp ● Calories Calculator : https://github.com/wmohammedw/caloriescalculator.git Applications Repositories | GitHub
  • 21.

Editor's Notes

  • #15 Some examples of agencies and companies that are currently building apps, or have built apps, with Flutter.
  • #17 Flutter works closely with Firebase, Material Design, and other libraries that make it faster and easier to build world-class apps
  • #21 From here you can download all the apps we created with you during the event.