Name: Falgun Sorathiya
E-Mail: falgunsunita26@gmail.com
This is an animated power point presentation on topic flutter. Flutter is a programming framework for cross-platform application development. Which is supported with dart language.
This slide includes all the theoretical information related to flutter such as widgets of flutter, animations in flutter, Styling properties, competition with other languages and framework, etc.
6. Flutter is an open-source mobile
application development framework
created by Google. It allows developers
to build high-performance, natively
compiled applications for mobile, web,
and desktop from a single codebase.
7. Flutter uses the Dart programming
language, which is also developed by
Google.
8. Advantages of Flutter
Fast Development Cycle
Single Codebase for Multiple Platforms
Customizable Widgets
High Performance
10. Fast Development Cycle
Single Codebase for Multiple Platforms
Customizable Widgets
High Performance
Flutter's "hot reload" feature allows
developers to make changes to the code
and see the results instantly, without
having to wait for the app to recompile.
This makes development faster and
more efficient.
11. Fast Development Cycle
Single Codebase for Multiple
Platforms
Customizable Widgets
High Performance
Flutter allows developers to build apps
for multiple platforms, including iOS,
Android, and web, from a single
codebase.
12. Fast Development Cycle
Customizable Widgets
High Performance
Single Codebase for Multiple Platforms
Flutter provides a wide range of
customizable widgets and an easy-to-
use UI toolkit that allows developers to
create unique and engaging designs.
13. Fast Development Cycle
Single Codebase for Multiple Platforms
Customizable Widgets
High Performance
Additionally, Flutter apps are
compiled to native machine code,
which makes them fast and
efficient.
15. Purpose
Flutter Dart
Flutter is a framework
for building mobile
applications.
Dart is a general-
purpose programming
language.
16. Syntax
Flutter Dart
Flutter uses a reactive-
style programming
model called widgets
Dart has a syntax
similar to other object-
oriented languages
such as Java or C++.
17. Architecture
Flutter Dart
Flutter uses a widget-
based architecture,
where everything is a
widget.
Dart is designed to
support a variety of
programming
paradigms including
object-oriented and
functional
programming.
18. Platform
Flutter Dart
Flutter is cross-
platform, meaning that
it can run on both
Android and iOS
Dart can be used for a
variety of applications
including web
development and
server-side
development.
19. Tools
Flutter Dart
Flutter comes with its
own set of
development tools,
including a widget
library and a hot reload
feature.
Dart can be used with a
variety of tools such as
the Dart SDK and third-
party libraries.
22. Flutter React Native
Programming Language
Flutter uses Dart, which
is an object-oriented
language developed by
Google.
React Native uses
JavaScript, which is a
widely used language
for web development.
23. Flutter React Native
User Interface
Flutter provides a
native-like user
interface, which means
that the widgets and
controls used in the
app look and feel like
they belong to the
platform.
React Native uses
platform-specific
components, which can
make the UI look
slightly different across
different platforms.
24. Flutter React Native
Performance
Flutter provides
excellent performance
due to its fast rendering
engine and the fact that
the UI components are
compiled into native
code.
React Native uses
JavaScript bridges to
communicate with
native components,
which can cause some
performance overhead.
25. Flutter React Native
Development Environment
Flutter provides a more
streamlined
development
environment compared
to React Native.
Features like hot reload
and easy-to-use
widgets that can speed
up the development
process, are not present
in React Native but is
present in Flutter.
26. Flutter React Native
Community and Ecosystem
Flutter, as it was
launched on a later
time period as
compared to React
Native. It lacks a lots of
library functions.
React Native has a larger
and more mature
community and
ecosystem compared to
Flutter, with a larger
number of libraries, tools,
and plugins available for
developers.
28. Conclusion
Flutter provides a more
modern and streamlined
development experience with
better performance and a
native-like UI
React Native has a larger
community and ecosystem with
more mature libraries and plugins
available.
29. Advantages of Dart
Productivity
Dart is designed to be a productive
language for developers. It has a
clean and simple syntax that is
easy to learn
30. Advantages of Dart
Performance
Dart is a compiled language, which
means that it can be compiled to
native code for faster performance.
It also includes a just-in-time (JIT)
compiler that can improve the
performance of code during
development.
32. Advantages of Dart
Interoperability
Dart can interoperate with other
programming languages, which
means that it can be used in
conjunction with other technologies.
For example, Dart can be used with
JavaScript to build web applications.
33. Flutter Widgets
In Flutter, a widget is a description of part of
a user interface. It is a building block for
creating the visual elements of an app, such
as buttons, text, images, and layouts.
34. User-Interface ?
A user interface (UI) is the way that you
interact with something on a computer or
other digital device, like a phone or tablet. It
includes all the buttons, menus, etc.
61. Tools & Libraries
The Flutter SDK is a collection of software
development tools and libraries that help
developers build, test and Flutter apps.
Flutter SDK
62. Tools & Libraries
Flutter plugins are pre-built packages that
provide additional functionality to your
Flutter app, such as integration with Google
Maps, Firebase, or other third-party services.
Flutter Plugins
63. Tools & Libraries
Flutter widgets are the building blocks of the
Flutter app user interface. They can be used
to create custom UI components or to
customize existing ones.
Flutter widgets
64. Tools & Libraries
Dart is the programming language used to
write Flutter apps. It is a fast and easy-to-
learn language that is specifically designed
for building mobile and web apps.
Dart Language
65. Tools & Libraries
Flutter has a variety of animation libraries
that can be used to create engaging
animations and transitions in your app.
Flutter animation
libraries
66.
67. Front & backend connection
In Flutter, the connection
between the frontend and
backend is usually
established using APIs
(Application Programming
Interfaces).
68. What is API ?
An API is a set of protocols
and standards that specify
how software components
should interact with each
other.
79. Flutter Flow
Flutter Flow uses a visual
interface that enables users
to drag and drop UI
components and connect
them together to build a
fully functional app.
In conclusion, both Flutter and React Native are excellent choices for building cross-platform mobile apps, and the decision ultimately comes down to personal preference and project requirements.
So what did we learn
Flutter provides a more modern and streamlined development experience with better performance and a native-like UI, while React Native has a larger community and ecosystem with more mature libraries and plugins available.
Flutter provides a more modern and streamlined development experience with better performance and a native-like UI, while React Native has a larger community and ecosystem with more mature libraries and plugins available.
Flutter provides a more modern and streamlined development experience with better performance and a native-like UI, while React Native has a larger community and ecosystem with more mature libraries and plugins available.
Flutter provides a more modern and streamlined development experience with better performance and a native-like UI, while React Native has a larger community and ecosystem with more mature libraries and plugins available.
Flutter provides a more modern and streamlined development experience with better performance and a native-like UI, while React Native has a larger community and ecosystem with more mature libraries and plugins available.
Flutter provides a more modern and streamlined development experience with better performance and a native-like UI, while React Native has a larger community and ecosystem with more mature libraries and plugins available.
Flutter provides a more modern and streamlined development experience with better performance and a native-like UI, while React Native has a larger community and ecosystem with more mature libraries and plugins available.
Question what is a user interface.
Next up we will learn some common types of widgets.
Sample phone with container.
Next is text widget.
Next is image widget.
Now we will insert an image into this container.