1.
Flutter

2.
Flutter

3.
Flutter
Build Apps for any Screen

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

5.
Flutter uses the Dart programming
language, which is also developed by
Google.

6.
Advantages of Flutter
Fast Development Cycle
Single Codebase for Multiple Platforms
Customizable Widgets
High Performance

7.
Fast Development Cycle
Single Codebase for Multiple Platforms
Customizable Widgets
High Performance

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

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

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

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

12.
VS
Flutter
Dart

13.
Purpose
Flutter Dart
Flutter is a framework
for building mobile
applications.
Dart is a general-
purpose programming
language.

14.
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++.

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

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

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

18.
VS
Flutter
React Native

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

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

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

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

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

24.
Conclusion

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

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

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

28.
Advantages of Dart
Scalability
Dart is designed to be scalable,
which makes it suitable for large-
scale projects.

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

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

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

32.
Flutter Widgets
Container
A widget that
provides a rectangular
visual element for
displaying other
widgets.

33.
Flutter Widgets
Text
A widget that displays
a string of text on the
screen.
Flutter

34.
Flutter Widgets
Image
A widget that displays
an image on the
screen

35.
Flutter Widgets
Image
A widget that displays
an image on the
screen

36.
Flutter Widgets
List View
A widget that displays
a scrollable list of
widgets.

37.
Flutter Widgets
List View
A widget that displays
a scrollable list of
widgets.

38.
Flutter Widgets
List View
A widget that displays
a scrollable list of
widgets.

39.
Flutter Widgets
App Bar
A widget that
provides a top app
bar with navigation
buttons and a title.

40.
Flutter Widgets
App Bar
A widget that
provides a top app
bar with navigation
buttons and a title.

41.
Flutter Widgets
Scaffold
A widget that
provides a basic app
structure, including a
top app bar and a
body area.

42.
Flutter Widgets
A widget that
provides a floating
action button for
triggering a primary
action in the app.
Floating
Action Button

43.
Flutter Widgets
Floating
Action Button
A widget that
provides a floating
action button for
triggering a primary
action in the app.

44.
Flutter Animations
Animated
Container
This widget is similar
to a Container but
with animation.

45.
Flutter Animations
Animated
Container
This widget is similar
to a Container but
with animation.

46.
Flutter Animations
Animated
Container
This widget is similar
to a Container but
with animation.

47.
Flutter Animations
Animated
Container
This widget is similar
to a Container but
with animation.

48.
Flutter Animations
Animated
Container
This widget is similar
to a Container but
with animation.

49.
Flutter Animations
Tween
Animation
This widget is similar
to a Container but
with animation.

50.
Flutter Animations
Tween
Animation
This widget is similar
to a Container but
with animation.

51.
Style Properties

52.
Style Properties

53.
Style Properties

54.
Style Properties
color
Padding
Margin
Border
Background
image
Box Shadow
Opacity
Gradient

55.
Tools & Libraries
The Flutter SDK is a collection of software
development tools and libraries that help
developers build, test and Flutter apps.
Flutter SDK

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

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

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

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

60.
Front & backend connection
In Flutter, the connection
between the frontend and
backend is usually
established using APIs
(Application Programming
Interfaces).

61.
What is API ?
An API is a set of protocols
and standards that specify
how software components
should interact with each
other.

62.
EXAMPLESF

63.
F

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

65.
Learn Flutter
For Free
YouTube Channel >
Free Code Camp
The Net Ninja
WS Cube Tech
Flutter

66.
Learn Flutter
Paid
Udemy Courses >
Zero to Mastery
Flutter & Dart Complete Guide
Complete Flutter Bootcamp

67.
FALGUN
SORATHIYA
( Presented by )