Introduction to flutter(1)

1. Confidential + Proprietary

2. Confidential + Proprietary
Rana AlShedayed- Computer Science
Fatimah Suhail- Computer Science
Yasminah AlAli- Artificial Intelligence
@_Yasminah10
Flutter
An intro to Flutter & its magic

3. 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

9. Flutter is Google’s UI Framework that helps developers
create high-quality native apps across multiple platforms
for ios and android.
What is Flutter ?

10. 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

11. 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

12. High-velocity development

13. Confidential + Proprietary
Flexibility and Control for
beautiful UI’s

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

15. Full frame is great, use a scrim for text.

16. 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

17. ● 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

18. 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

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 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

21. Confidential + Proprietary
Thank you!