INTRODUCTION TO FLUTTER BASICS.pptx

In the *Day 01 Session* of the Flutter development our speaker *Mr. Sugheeshan* , who is *Flutter Development Associate at GDSC SKCT* will give an *Introduction to Flutter Basics*

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