This document provides an introduction to Flutter, including what Flutter is, why it's used, and how to install it. It also covers Dart and its benefits. Flutter is an open source framework from Google for building beautiful, native mobile apps from a single codebase. It allows building iOS and Android apps with the same code. Dart is the programming language used with Flutter. Installing Flutter in Windows involves downloading and setting up the Flutter SDK. The next topics will cover Flutter widgets and building apps with Dart coding.

1. INTRODUCTION
TO FLUTTER
BASICS
SUGHEESHAN

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

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

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

5. Why Flutter ?

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

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

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

9. 9
No compromises
for your designers
Beautiful

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

11. 11
Everything is free
and open source
Open

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

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

14. 9/3/20XX Presentation Title 14
From startups to enterprise solutions
Over 200,000 Flutter apps

15. 15
Many Google apps were built using
Flutter
Flutter @ Google

16. 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. 17
Structure of Flutter app
Text
Material App
Scaffold
Center

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

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

20. 9/3/20XX Presentation Title 20

21. 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. 22
void main() {
print('Hello, World!');
}
Hello World

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

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

25. Thank you
25