INTRODUCTION TO FLUTTER BASICS.pptx

INTRODUCTION
TO FLUTTER
BASICS
SUGHEESHAN

Agenda
Topic one : What is Flutter?
Topic two : Why Flutter?
Topic three : Dart and its benefits
Topic four : Installation in Windows OS
2

“Flutter is the first UI
platform
that is designed for an
ambient computing
world.”
Tim Sneath
3

WHAT IS FLUTTER?
Flutter is an open source framework by Google for
building beautiful, natively compiled, multi-platform
applications from a single codebase.
4
https://dart.dev/

CROSS PLATFORM LANGUAGE
6
iOS Android Web Windows Mac OS Linux Embedded
...from a single codebase

7
Fast
Flutter code compiles to ARM
or Intel machine code as well
as JavaScript, for fast
performance on any device.

8
Flexible
Control every pixel to create
customized, adaptive designs
that look and feel great on any
screen.

9
No compromises
for your designers
Beautiful

10
Productive
Build and iterate quickly with
Hot Reload. Update code and
see changes almost instantly,
without losing state.

11
Everything is free
and open source
Open

9/3/20XX Presentation Title 12
Same code,
runs everywhere
Portable

13
Build Flutter anywhere
Flutter is supported across tools and platforms we already
use
+
1,000s of 3rd Party plugins
and libraries making the
possibilities endless
13

From startups to enterprise solutions
Over 200,000 Flutter apps

15
Many Google apps were built using
Flutter
Flutter @ Google

16
Hello World
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: true,
home: Scaffold(
body: Center(
child: Text('Hello, World!'),
),
),
);
}
}

17
Structure of Flutter app
Text
Material App
Scaffold
Center

WHAT IS DART?
Dart is a client-optimized language for fast apps
on any platform
18
Coding language used with Flutter framework

19
Dart is a programming language designed
for client development, such as for the web
and mobile apps. It is developed by Google
and can also be used to build server and
desktop applications. Dart is an object-
oriented, class-based, garbage-collected
language with C-style syntax
What is Dart?

Optimized for UI Productive development Fast on all platforms
Benefits of Dart
Develop with a programming
language specialized around the
needs of user interface creation
Make changes iteratively: use hot reload
to see the result instantly in your running
app
Compile to ARM & x64 machine
code for mobile, desktop, and
backend. Or compile to
JavaScript for the web
https://dart.dev/

22
void main() {
print('Hello, World!');
}
Hello World

23
Installing Flutter
Let’s see how to install Flutter in Windows OS

24
The next chapter….
Flutter widgets and Dart coding with app development

INTRODUCTION TO FLUTTER BASICS.pptx

More Related Content

What's hot

Similar to INTRODUCTION TO FLUTTER BASICS.pptx

Recently uploaded

INTRODUCTION TO FLUTTER BASICS.pptx