3. Overview
◦ What is Flutter?
◦ Why Flutter?
◦ Benefits
◦ Achievements
◦ Installation
◦ Working of Flutter
◦ Sample App
◦ Reference
3
4. What is Flutter?
◦ Flutter is a cross-platform and open-source
UI development kit.
◦ Develop all platforms by using a single
codebase.
◦ It uses dart language.
◦ Flutter was released in 2017.
4
5. Why Flutter?
Flutter has a well-organized and portable GPU executing
UI, which allows its smooth performance across multiple
interfaces. Flutter apps take less time to test as it has a
single codebase to review.
Flutter is easier to use as it is more resistant to system
updates. It means that when iOS or Android update the
OS, the app will remain the same. On the contrary, React
Native depends on native elements, so when the update
is released, some problems may appear in the launch
app.
5
6. Benefits
◦ Same UI and Business Logic in All Platforms
◦ Reduced Code Development Time
◦ Increased Time-to-Market Speed
◦ Similar to Native App Performance
6
7. Benefits
◦ Custom, Animated UI of Any Complexity
Available
◦ Simple Platform-Specific Logic
Implementation
◦ Own Rendering Engine
7
9. Installation
◦ Follow following video link to get flutter installed on
windows and mac as well:
◦ https://youtu.be/lkUj76YSMhQ (for windows)
◦ https://youtu.be/YVaFoCiQ2SI (for mac)
◦ Download Flutter SDK from official website.
◦ Download Android Studio and install Flutter Plugin in
it.
◦ Download VS Code if you want to code in lighter
environment.
9
10. Working of Flutter
◦ Everything in flutter is a widget or we can say simply
a component.
Consider an app having a Container() and that
container has a child : Column() and that column has
multiple Text() widgets in it. It means there is a
Container() in your app which is holding a Column() in it.
A Column() can hold multiple children widgets in it. So,
this Column() has multiple Text() widgets in it.
10
12. Types of Widgets
State maintenance widgets:
Stateless widgets: are the widgets that don’t change. Its
appearance and properties remain unchanged
throughout the lifetime of the widget.
Stateful Widgets: are the ones that change its
properties during run-time. It can change its appearance
in response to events triggered by user interactions or
when it receives data.
12
13. Types of Widgets
Platform-specific widgets:
Android specific widgets are designed in accordance
with Material design guideline by Android OS. Android
specific widgets are called as Material widgets.
For example: Scaffold, AppBar, IconButton
13
14. Types of Widgets
Platform-specific widgets:
iOS specific widgets are designed in accordance with
Human Interface Guidelines by Apple and they are
called as Cupertino widgets.
For example: CupertinoButton, CupertinoPicker,
CupertinoDatePicker, CupertinoNavigationBar
14
24. Reference
◦ Flutter documentation (https://docs.flutter.dev)
◦ Medium (https://medium.com)
◦ Show Case (https://flutter.dev/showcase)
◦ Tutorials Point (https://www.tutorialspoint.com/flutter)
◦ GeeksforGeeks (https://www.geeksforgeeks.org/flutter-tutorial)
24
25. Resources
Courses:
Flutter & Dart - The Complete Guide [2022 Edition], ⭐ 4.6, 👨🎓 (51,302)
https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-
apps/
The Complete Flutter Development Bootcamp with Dart, ⭐ 4.6, 👨🎓 (51,302)
https://www.udemy.com/course/flutter-bootcamp-with-dart/
Flutter
https://www.youtube.com/c/flutterdev
25
26. INSTRUCTIONS FOR USE
EDIT IN GOOGLE SLIDES
Click on the button under the presentation
preview that says "Use as Google Slides
Theme".
You will get a copy of this document on your
Google Drive and will be able to edit, add or
delete slides.
You have to be signed in to your Google
account.
EDIT IN POWERPOINT®
Click on the button under the presentation
preview that says "Download as PowerPoint
template". You will get a .pptx file that you can
edit in PowerPoint.
Remember to download and install the fonts
used in this presentation (you’ll find the links to
the font files needed in the Presentation design
slide)
More info on how to use this template at www.slidescarnival.com/help-use-presentation-template
This template is free to use under Creative Commons Attribution license. You can keep the Credits slide
or mention SlidesCarnival and other resources used in a slide footer.
26
27. Hello!
I AM JAYDEN SMITH
I am here because I love to give presentations.
You can find me at @username
27
29. “
Quotations are commonly printed as a
means of inspiration and to invoke
philosophical thoughts from the reader.
29
30. THIS IS A SLIDE TITLE
Here you have:
◦ A list of items
◦ And some text
◦ But remember not to overload your slides
with content
Your audience will listen to you or read the
content, but won’t do both.
30
31. BIG CONCEPT
Bring the attention of your audience over
a key concept using icons or illustrations
31
32. White
Is the color of milk and
fresh snow, the color
produced by the
combination of all the
colors of the visible
spectrum.
YOU CAN ALSO SPLIT YOUR CONTENT
Black
Is the color of ebony and
of outer space. It has been
the symbolic color of
elegance, solemnity and
authority.
32
33. IN TWO OR THREE COLUMNS
Yellow
Is the color of gold,
butter and ripe
lemons. In the
spectrum of visible
light, yellow is found
between green and
orange.
Blue
Is the colour of the
clear sky and the
deep sea. It is
located between
violet and green on
the optical spectrum.
Red
Is the color of blood,
and because of this
it has historically
been associated with
sacrifice, danger and
courage.
33
34. A PICTURE IS WORTH A THOUSAND WORDS
A complex idea can be
conveyed with just a single
still image, namely making
it possible to absorb large
amounts of data quickly.
34
42. LET’S REVIEW SOME CONCEPTS
Yellow
Is the color of gold, butter and
ripe lemons. In the spectrum of
visible light, yellow is found
between green and orange.
Blue
Is the colour of the clear sky
and the deep sea. It is located
between violet and green on
the optical spectrum.
Red
Is the color of blood, and
because of this it has
historically been associated
with sacrifice, danger and
courage.
Yellow
Is the color of gold, butter and
ripe lemons. In the spectrum of
visible light, yellow is found
between green and orange.
Blue
Is the colour of the clear sky
and the deep sea. It is located
between violet and green on
the optical spectrum.
Red
Is the color of blood, and
because of this it has
historically been associated
with sacrifice, danger and
courage.
42
43. You can copy&paste graphs from Excel or Google Sheets
43
4000
3000
2000
1000
0
44. MOBILE PROJECT
Show and explain your web,
app or software projects
using these gadget
templates.
44
45. TABLET PROJECT
Show and explain your web,
app or software projects
using these gadget
templates.
45
46. DESKTOP PROJECT
Show and explain
your web, app or
software projects
using these gadget
templates.
46
48. CREDITS
Special thanks to all the people who made and
released these awesome resources for free:
◦ Presentation template by SlidesCarnival
◦ Photographs by Unsplash
48
49. This presentations uses the following typographies:
◦ Titles & body copy: Quicksand
Download for free at:
https://www.fontsquirrel.com/fonts/quicksand
You don’t need to keep this slide in your presentation. It’s only here to serve you as a design guide if you
need to create new slides or download the fonts to edit the presentation in PowerPoint®
PRESENTATION DESIGN
49
51. Timeline
51
DEC
NOV
OCT
SEP
AUG
JUL
JUN
MAY
APR
MAR
FEB
JAN
Blue is the colour of the
clear sky and the deep
sea
Red is the colour of
danger and courage
Black is the color of
ebony and of outer
space
Yellow is the color of
gold, butter and ripe
lemons
White is the color of
milk and fresh snow
Blue is the colour of the
clear sky and the deep
sea
Yellow is the color of
gold, butter and ripe
lemons
White is the color of
milk and fresh snow
Blue is the colour of the
clear sky and the deep
sea
Red is the colour of
danger and courage
Black is the color of
ebony and of outer
space
Yellow is the color
of gold, butter and
ripe lemons
52. Roadmap
52
1 3 5
6
4
2
Blue is the colour of the
clear sky and the deep
sea
Red is the colour of
danger and courage
Black is the color of
ebony and of outer
space
Yellow is the color of
gold, butter and ripe
lemons
White is the color of
milk and fresh snow
Blue is the colour of the
clear sky and the deep
sea
54. SWOT Analysis
54
STRENGTHS
Blue is the colour of the clear
sky and the deep sea
WEAKNESSES
Yellow is the color of gold,
butter and ripe lemons
Black is the color of ebony
and of outer space
OPPORTUNITIES
White is the color of milk and
fresh snow
THREATS
55. Business Model Canvas
55
Key Activities
Insert your content
Key Resources
Insert your content
Value Propositions
Insert your content
Customer Relationships
Insert your content
Channels
Insert your content
Customer Segments
Insert your content
Key Partners
Insert your content
Cost Structure
Insert your content
Revenue Streams
Insert your content
57. Team Presentation
57
Imani Jackson
JOB TITLE
Blue is the colour of the
clear sky and the deep sea
Marcos Galán
JOB TITLE
Blue is the colour of the
clear sky and the deep sea
Ixchel Valdía
JOB TITLE
Blue is the colour of the
clear sky and the deep sea
Nils Årud
JOB TITLE
Blue is the colour of the
clear sky and the deep sea
60. 60
SlidesCarnival icons are
editable shapes.
This means that you can:
● Resize them without
losing quality.
● Change line color,
width and style.
Isn’t that nice? :)
Examples:
62. Now you can use any emoji as an icon!
And of course it resizes without losing quality and you can change the color.
How? Follow Google instructions
https://twitter.com/googledocs/status/730087240156643328
✋👆👉👍👤👦👧👨👩👪💃🏃💑❤😂
😉😋😒😭👶😸🐟🍒🍔💣📌📖🔨🎃🎈
🎨🏈🏰🌏🔌🔑 and many more...
62
63. Free templates for all your presentation needs
Ready to use,
professional and
customizable
100% free for personal
or commercial use
Blow your audience
away with attractive
visuals
For PowerPoint and
Google Slides