Slide used as a basic guideline for a talk by Ogundiran Al-Ameen at a Google Developer Student Group event

1. Mobile App
development with
Flutter: The Need
for Speed! - Ogundiran Al-Ameen

2. Hello!
I am Ogundiran Al-Ameen
Software Engineer @Andela - Lagos
Software Engineer @GoNoodle - TN
Twitter: @general_mentos
Youtube: https://bit.ly/2z2NB6p
2

3. Speaker Bio
- Lost lover of PHP
- Javascript Developer
- Node/React swordsman
- Unofficial DevRel for Flutter :)
- Advocate of Happiness
- Crack the worst jokes
- I don’t know anything, really!
3

4. Okay! What is Flutter?
This talk will focus on
building Android and iOS
apps with Flutter
Flutter is Google’s UI toolkit
for building beautiful,
natively compiled
applications for mobile,
web, and desktop from a
single codebase.
More info on https://flutter.dev. Flutter has a really good documentation that can be found at
https://flutter.dev/docs
4

5. Let’s start with the first set of slides

6. Let’s start with the first set of slides

7. “ Flutter is the tool sent from
above to save me! I can now
build high quality cross
platform apps with one
codebase. :)
7

8. How did we get here?
Let’s start with the first set of slides
7

9. Building mobile apps can be hard!
- Time
- Cost
- Maintenance
- Look and Feel
9

10. Building mobile apps can be hard!
- We don’t have to compromise UI for performance nor
performance for UI
- We have a lot of “ugly” UIs on app, it even gets worse when
mobile developers who are into functionality and not
appearance, started building mobile apps using cross-platform
tools. (Sorry )
- Mobile apps
10

11. 11
Other solutions have been offered over time

12. The solutions Flutter provide
● Write once run everywhere
● Beautiful UIs - Native feel
● High performance - Maintain 60fps
● Reactive UIs
● Declarative
● Platform Look and Feel
12

13. Flutter is not your regular cross platform tool
● Doesn’t render your UI components in WebViews
● Doesn’t translate to a corresponding platform specific UI
component
● Compiles directly to ARM code no Javascript bridge
● Decoded/Painted to a GL texture on the GPU which is
then copied to the screen (Rendering layer isn’t impacted
by the platform)
● AOT and JIT compilation
13

14. Source: flutter.dev - Flutter architecture
Skia Dart Text
Foundation
Animation Painting
Rendering
Widgets
Material
Gestures
Engine
(C++)
Framework
(Dart)
Cupertino
Architecture of Flutter apps (High-level)

15. How does all these concern
me?
15

16. Flutter for Software Developers
● Dart programming language
● Object Oriented programming
● One language - No HTML CSS Javascript / XML/JAVA/Kotlin
● Iteration is easier
● Numerous state management solutions
16

17. “
You should never have to say
“No” to a designer
17
- Matt
Carroll

18. Confidential + Proprietary
Sweet, beautiful Custom UIs

19. Next big
thing
Everyone wants to build the next big thing.
But how will you build that if the current big
thing is figuring out a way to manage
extremely different tools and teams
19

20. Flutter for Software Developers
● 2.5 months to build the Reflectly app in Flutter
● 3 months to build the Hamilton app in Flutter
20

21. Developer tools
● Android Studio/IntelliJ & VSCode
● Stateful Hot reload
● Package Manager
● Inspector
● Platform Channels
21

22. 22

23. 23
Live Coding Session

24. 24
How Flutter developers feels

25. Resources
● https://flutter.dev/docs/codelabs
● https://codelabs.developers.google.com/codelabs/flutter/#0
● https://flutter.dev/docs/cookbook
● https://www.udacity.com/course/build-native-mobile-apps-with-flutter--ud905
● https://www.udemy.com/flutter-dart-the-complete-flutter-app-development-course/
25

26. Credits
Special thanks to all the people who made and
released these awesome resources:
● Presentation template by SlidesCarnival
● Gifs by Giphy
● Image from Unsplash
26

27. 27
Thanks!
Any questions?
You can find me at @general_mentos &
ogundiran12@gmail.com