FLUTTER SESSION GDSC SKCT

1. Dart & Flutter
Tamil KannanCV
@TamilKannanCV
Fundamentals and basics

2. What will be in this Flutter Festival
2022?

3. Flutter is an open source framework by Google for building beautiful, natively
compiled, multi-platform applications from a single codebase.
What is Flutter?

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

5. ...from a single codebase
iOS Android Web Windows Mac OS Linux Embedded
With support for

6. Why Flutter?

7. Fast
Take the speed
limiter off your app

8. Productive
Develop while your
app is running

9. Beautiful
No compromises
for your designers

10. Open
Everything is free
and open source

11. Portable
Same code,
runs everywhere

12. From startups to enterprise solutions
Trusted by Developers
Over 200,000 Flutter apps

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

14. Flutter has a fast growing global community
Global community of Flutter
+110k Github Stars +15k Packages +1,000 Contributors
+120k Twitter Followers +200 Global Meetup Groups Always Open Source

15. Flutter is supported across tools and platforms we already use
Build Flutter anywhere
Material Design
Firebase
VS Code
Android Studio
Android APIs iOS APIs Redux
Xcode
1,000s of 3rd Party plugins
and libraries making the
possibilities endless
+

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

17. Structure of Flutter app
Scaffold
Material
App
Center
Text

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

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. Benefits of Dart
Optimized for UI Productive development Fast on all platforms

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

22. Start with Flutter
(Beginner)

23. Complete the quest and earn badges
Badges

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

25. Flutter widgets and Dart coding
Coming up next….

26. Thank you!