SlideShare ist ein Scribd-Unternehmen logo
1 von 26
Downloaden Sie, um offline zu lesen
Dart & Flutter
Tamil KannanCV
@TamilKannanCV
Fundamentals and basics
What will be in this Flutter Festival
2022?
Flutter is an open source framework by Google for building beautiful, natively
compiled, multi-platform applications from a single codebase.
What is Flutter?
v
“Flutter is the first UI platform
that is designed for an
ambient computing world.”
- Tim Sneath
...from a single codebase
iOS Android Web Windows Mac OS Linux Embedded
With support for
Why Flutter?
Fast
Take the speed
limiter off your app
Productive
Develop while your
app is running
Beautiful
No compromises
for your designers
Open
Everything is free
and open source
Portable
Same code,
runs everywhere
From startups to enterprise solutions
Trusted by Developers
Over 200,000 Flutter apps
Many Google apps were built using Flutter
Flutter @ Google
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
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
+
Hello World
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: Text('Hello, World!'),
),
),
);
}
}
Structure of Flutter app
Scaffold
Material
App
Center
Text
Dart
Coding language used with Flutter framework
Dart is a client-optimized language for fast apps on any
platform
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?
Benefits of Dart
Optimized for UI Productive development Fast on all platforms
Hello World
void main() {
print('Hello, World!');
}
Start with Flutter
(Beginner)
Complete the quest and earn badges
Badges
Let’s see how to install Flutter in Windows OS
Installing Flutter
Flutter widgets and Dart coding
Coming up next….
Thank you!

Más contenido relacionado

Was ist angesagt?

Flutter enable windows desktop apps for developers
Flutter enable windows desktop apps for developersFlutter enable windows desktop apps for developers
Flutter enable windows desktop apps for developersConcetto Labs
 
INTRODUCTION TO FLUTTER.pdf
INTRODUCTION TO FLUTTER.pdfINTRODUCTION TO FLUTTER.pdf
INTRODUCTION TO FLUTTER.pdfAdarshMathuri
 
PHP And Silverlight - DevDays session
PHP And Silverlight - DevDays sessionPHP And Silverlight - DevDays session
PHP And Silverlight - DevDays sessionMaarten Balliauw
 
warblecamp - twical
warblecamp - twical warblecamp - twical
warblecamp - twical Angus Fox
 
Web-based development with Orion and Flux (APIcon 2014)
Web-based development with Orion and Flux (APIcon 2014)Web-based development with Orion and Flux (APIcon 2014)
Web-based development with Orion and Flux (APIcon 2014)Mike Milinkovich
 
Devnest 110802
Devnest 110802Devnest 110802
Devnest 110802Angus Fox
 
FOSDEM2012: Community apps repository.
FOSDEM2012: Community apps repository.FOSDEM2012: Community apps repository.
FOSDEM2012: Community apps repository.Jukka Eklund
 
What is React Native?
What is React Native?What is React Native?
What is React Native?Ultiro AB
 
Pycon quickly
Pycon quicklyPycon quickly
Pycon quicklysrajeee
 
.NET Fest 2018. Оля Гавриш. Что нового в .NET Core 3.0
.NET Fest 2018. Оля Гавриш. Что нового в .NET Core 3.0.NET Fest 2018. Оля Гавриш. Что нового в .NET Core 3.0
.NET Fest 2018. Оля Гавриш. Что нового в .NET Core 3.0NETFest
 
BENEFIT OF FLUTTER APP DEVELOPMENT - INFOGRAPHICS
BENEFIT OF FLUTTER APP DEVELOPMENT - INFOGRAPHICSBENEFIT OF FLUTTER APP DEVELOPMENT - INFOGRAPHICS
BENEFIT OF FLUTTER APP DEVELOPMENT - INFOGRAPHICSbrtechnosoft2018
 
Introduction to Open Source - What, Why and How to Contribute
Introduction to Open Source - What, Why and How to ContributeIntroduction to Open Source - What, Why and How to Contribute
Introduction to Open Source - What, Why and How to ContributeAbati Adewale
 
Getting Started with Android 1.5
Getting Started with Android 1.5Getting Started with Android 1.5
Getting Started with Android 1.5Gaurav Kohli
 

Was ist angesagt? (20)

Flutter enable windows desktop apps for developers
Flutter enable windows desktop apps for developersFlutter enable windows desktop apps for developers
Flutter enable windows desktop apps for developers
 
Flutter
FlutterFlutter
Flutter
 
flutter.school #HelloWorld
flutter.school #HelloWorldflutter.school #HelloWorld
flutter.school #HelloWorld
 
INTRODUCTION TO FLUTTER.pdf
INTRODUCTION TO FLUTTER.pdfINTRODUCTION TO FLUTTER.pdf
INTRODUCTION TO FLUTTER.pdf
 
PHP And Silverlight - DevDays session
PHP And Silverlight - DevDays sessionPHP And Silverlight - DevDays session
PHP And Silverlight - DevDays session
 
warblecamp - twical
warblecamp - twical warblecamp - twical
warblecamp - twical
 
Ionic in 30
Ionic in 30Ionic in 30
Ionic in 30
 
Web-based development with Orion and Flux (APIcon 2014)
Web-based development with Orion and Flux (APIcon 2014)Web-based development with Orion and Flux (APIcon 2014)
Web-based development with Orion and Flux (APIcon 2014)
 
Devnest 110802
Devnest 110802Devnest 110802
Devnest 110802
 
My android
My androidMy android
My android
 
Android material2
Android material2Android material2
Android material2
 
FOSDEM2012: Community apps repository.
FOSDEM2012: Community apps repository.FOSDEM2012: Community apps repository.
FOSDEM2012: Community apps repository.
 
What is React Native?
What is React Native?What is React Native?
What is React Native?
 
Open Source Lecture
Open Source LectureOpen Source Lecture
Open Source Lecture
 
Pycon quickly
Pycon quicklyPycon quickly
Pycon quickly
 
Monkey Talk
Monkey TalkMonkey Talk
Monkey Talk
 
.NET Fest 2018. Оля Гавриш. Что нового в .NET Core 3.0
.NET Fest 2018. Оля Гавриш. Что нового в .NET Core 3.0.NET Fest 2018. Оля Гавриш. Что нового в .NET Core 3.0
.NET Fest 2018. Оля Гавриш. Что нового в .NET Core 3.0
 
BENEFIT OF FLUTTER APP DEVELOPMENT - INFOGRAPHICS
BENEFIT OF FLUTTER APP DEVELOPMENT - INFOGRAPHICSBENEFIT OF FLUTTER APP DEVELOPMENT - INFOGRAPHICS
BENEFIT OF FLUTTER APP DEVELOPMENT - INFOGRAPHICS
 
Introduction to Open Source - What, Why and How to Contribute
Introduction to Open Source - What, Why and How to ContributeIntroduction to Open Source - What, Why and How to Contribute
Introduction to Open Source - What, Why and How to Contribute
 
Getting Started with Android 1.5
Getting Started with Android 1.5Getting Started with Android 1.5
Getting Started with Android 1.5
 

Ähnlich wie GDSC SKCT

Introduction to Flutter.pptx
Introduction to Flutter.pptxIntroduction to Flutter.pptx
Introduction to Flutter.pptxDiffouoFopaEsdras
 
Flutter festivals info session
Flutter festivals info sessionFlutter festivals info session
Flutter festivals info sessionGDSCGCECT
 
The magic of flutter
The magic of flutterThe magic of flutter
The magic of flutterShady Selim
 
What makes Flutter the best cross platform sdk
What makes Flutter the best cross platform sdkWhat makes Flutter the best cross platform sdk
What makes Flutter the best cross platform sdkExpeed Software
 
Game development using Flutter
Game development using FlutterGame development using Flutter
Game development using FlutterShady Selim
 
Developer cloud roadmap keynote
Developer cloud roadmap keynoteDeveloper cloud roadmap keynote
Developer cloud roadmap keynoteMoaid Hathot
 
Evaluating Flutter As The Most Powerful And Popular SDK
Evaluating Flutter As The Most Powerful And Popular SDKEvaluating Flutter As The Most Powerful And Popular SDK
Evaluating Flutter As The Most Powerful And Popular SDKMobio Solutions
 
Flutter Development Services
Flutter Development ServicesFlutter Development Services
Flutter Development ServicesThe NineHertz
 
Android introduction
Android introductionAndroid introduction
Android introductionmcanotes
 
Why is flutter considered the best cross platform framework
Why is flutter considered the best cross platform frameworkWhy is flutter considered the best cross platform framework
Why is flutter considered the best cross platform frameworkPixel Crayons
 
Microsoft Embracing Open Source Technologies
Microsoft Embracing Open Source TechnologiesMicrosoft Embracing Open Source Technologies
Microsoft Embracing Open Source TechnologiesRicardo Peres
 
An introduction to Android
An introduction to AndroidAn introduction to Android
An introduction to AndroidRajesh Jambukia
 
Building Apps With Flutter
Building Apps With FlutterBuilding Apps With Flutter
Building Apps With FlutterDavid Onoh
 
Open-source, how we survive with it?
Open-source, how we survive with it?Open-source, how we survive with it?
Open-source, how we survive with it?Hermet Park
 
Flutter vs React Native
Flutter vs React Native Flutter vs React Native
Flutter vs React Native Sphinx Solution
 
GITS Class #17: Coding Multiple Apps with Flutter
GITS Class #17: Coding Multiple Apps with FlutterGITS Class #17: Coding Multiple Apps with Flutter
GITS Class #17: Coding Multiple Apps with FlutterGITS Indonesia
 
Top reasons why flutter become a trend in application development
Top reasons why flutter become a trend in application developmentTop reasons why flutter become a trend in application development
Top reasons why flutter become a trend in application developmentAndolasoft Inc
 
Mob324 Windows IoT Core Dave Glover Microsoft Australia
Mob324 Windows IoT Core Dave Glover Microsoft AustraliaMob324 Windows IoT Core Dave Glover Microsoft Australia
Mob324 Windows IoT Core Dave Glover Microsoft AustraliaDave Glover
 

Ähnlich wie GDSC SKCT (20)

Flutter Festival - Intro Session
Flutter Festival - Intro SessionFlutter Festival - Intro Session
Flutter Festival - Intro Session
 
Introduction to Flutter.pptx
Introduction to Flutter.pptxIntroduction to Flutter.pptx
Introduction to Flutter.pptx
 
Flutter introduction
Flutter introductionFlutter introduction
Flutter introduction
 
Flutter festivals info session
Flutter festivals info sessionFlutter festivals info session
Flutter festivals info session
 
The magic of flutter
The magic of flutterThe magic of flutter
The magic of flutter
 
What makes Flutter the best cross platform sdk
What makes Flutter the best cross platform sdkWhat makes Flutter the best cross platform sdk
What makes Flutter the best cross platform sdk
 
Game development using Flutter
Game development using FlutterGame development using Flutter
Game development using Flutter
 
Developer cloud roadmap keynote
Developer cloud roadmap keynoteDeveloper cloud roadmap keynote
Developer cloud roadmap keynote
 
Evaluating Flutter As The Most Powerful And Popular SDK
Evaluating Flutter As The Most Powerful And Popular SDKEvaluating Flutter As The Most Powerful And Popular SDK
Evaluating Flutter As The Most Powerful And Popular SDK
 
Flutter Development Services
Flutter Development ServicesFlutter Development Services
Flutter Development Services
 
Android introduction
Android introductionAndroid introduction
Android introduction
 
Why is flutter considered the best cross platform framework
Why is flutter considered the best cross platform frameworkWhy is flutter considered the best cross platform framework
Why is flutter considered the best cross platform framework
 
Microsoft Embracing Open Source Technologies
Microsoft Embracing Open Source TechnologiesMicrosoft Embracing Open Source Technologies
Microsoft Embracing Open Source Technologies
 
An introduction to Android
An introduction to AndroidAn introduction to Android
An introduction to Android
 
Building Apps With Flutter
Building Apps With FlutterBuilding Apps With Flutter
Building Apps With Flutter
 
Open-source, how we survive with it?
Open-source, how we survive with it?Open-source, how we survive with it?
Open-source, how we survive with it?
 
Flutter vs React Native
Flutter vs React Native Flutter vs React Native
Flutter vs React Native
 
GITS Class #17: Coding Multiple Apps with Flutter
GITS Class #17: Coding Multiple Apps with FlutterGITS Class #17: Coding Multiple Apps with Flutter
GITS Class #17: Coding Multiple Apps with Flutter
 
Top reasons why flutter become a trend in application development
Top reasons why flutter become a trend in application developmentTop reasons why flutter become a trend in application development
Top reasons why flutter become a trend in application development
 
Mob324 Windows IoT Core Dave Glover Microsoft Australia
Mob324 Windows IoT Core Dave Glover Microsoft AustraliaMob324 Windows IoT Core Dave Glover Microsoft Australia
Mob324 Windows IoT Core Dave Glover Microsoft Australia
 

Mehr von 19TUIT038KAVIARASUM

Mehr von 19TUIT038KAVIARASUM (7)

Getting Started With Graphic Design
Getting Started With Graphic DesignGetting Started With Graphic Design
Getting Started With Graphic Design
 
Android Study Jam : Session 03 | GDSC SKCT
Android Study Jam : Session 03 | GDSC SKCTAndroid Study Jam : Session 03 | GDSC SKCT
Android Study Jam : Session 03 | GDSC SKCT
 
Asj session 2 - kirthik
Asj   session 2 - kirthikAsj   session 2 - kirthik
Asj session 2 - kirthik
 
Android study jam session 1
Android study jam   session 1Android study jam   session 1
Android study jam session 1
 
Java script
Java scriptJava script
Java script
 
Copy of 30 days of gcp session 1 ppt
Copy of 30 days of gcp session 1 pptCopy of 30 days of gcp session 1 ppt
Copy of 30 days of gcp session 1 ppt
 
GDSC SKCT - INFO SESSION
GDSC SKCT - INFO SESSIONGDSC SKCT - INFO SESSION
GDSC SKCT - INFO SESSION
 

Último

0950_Rodriguez_200520_Work_done-GEOGalicia_ELAB-converted.pptx
0950_Rodriguez_200520_Work_done-GEOGalicia_ELAB-converted.pptx0950_Rodriguez_200520_Work_done-GEOGalicia_ELAB-converted.pptx
0950_Rodriguez_200520_Work_done-GEOGalicia_ELAB-converted.pptxssuser886c55
 
Flutter GDE session GDSC ZHCET AMU, aligarh
Flutter GDE session GDSC ZHCET AMU, aligarhFlutter GDE session GDSC ZHCET AMU, aligarh
Flutter GDE session GDSC ZHCET AMU, aligarhjamesbond00714
 
Wave Energy Technologies Overtopping 1 - Tom Thorpe.pdf
Wave Energy Technologies Overtopping 1 - Tom Thorpe.pdfWave Energy Technologies Overtopping 1 - Tom Thorpe.pdf
Wave Energy Technologies Overtopping 1 - Tom Thorpe.pdfErik Friis-Madsen
 
introduction to python, fundamentals and basics
introduction to python, fundamentals and basicsintroduction to python, fundamentals and basics
introduction to python, fundamentals and basicsKNaveenKumarECE
 
عناصر نباتية PDF.pdf architecture engineering
عناصر نباتية PDF.pdf architecture engineeringعناصر نباتية PDF.pdf architecture engineering
عناصر نباتية PDF.pdf architecture engineeringmennamohamed200y
 
Evaluation Methods for Social XR Experiences
Evaluation Methods for Social XR ExperiencesEvaluation Methods for Social XR Experiences
Evaluation Methods for Social XR ExperiencesMark Billinghurst
 
EJECTOR REFRIGERATION CYCLE WITH THE INJECTION OF A HIGH DENSITY FLUID INTO A...
EJECTOR REFRIGERATION CYCLE WITH THE INJECTION OF A HIGH DENSITY FLUID INTO A...EJECTOR REFRIGERATION CYCLE WITH THE INJECTION OF A HIGH DENSITY FLUID INTO A...
EJECTOR REFRIGERATION CYCLE WITH THE INJECTION OF A HIGH DENSITY FLUID INTO A...marijomiljkovic1
 
Searching and Sorting Algorithms
Searching and Sorting AlgorithmsSearching and Sorting Algorithms
Searching and Sorting AlgorithmsAshutosh Satapathy
 
The Art of Cloud Native Defense on Kubernetes
The Art of Cloud Native Defense on KubernetesThe Art of Cloud Native Defense on Kubernetes
The Art of Cloud Native Defense on KubernetesJacopo Nardiello
 
Tekom Netherlands | The evolving landscape of Simplified Technical English b...
Tekom Netherlands | The evolving landscape of Simplified Technical English  b...Tekom Netherlands | The evolving landscape of Simplified Technical English  b...
Tekom Netherlands | The evolving landscape of Simplified Technical English b...Shumin Chen
 
Field Report on present condition of Ward 1 and Ward 2 of Pabna Municipality
Field Report on present condition of Ward 1 and Ward 2 of Pabna MunicipalityField Report on present condition of Ward 1 and Ward 2 of Pabna Municipality
Field Report on present condition of Ward 1 and Ward 2 of Pabna MunicipalityMorshed Ahmed Rahath
 
pulse modulation technique (Pulse code modulation).pptx
pulse modulation technique (Pulse code modulation).pptxpulse modulation technique (Pulse code modulation).pptx
pulse modulation technique (Pulse code modulation).pptxNishanth Asmi
 
electricity generation from food waste - based bioenergy with IOT.pptx
electricity generation from food waste - based bioenergy with IOT.pptxelectricity generation from food waste - based bioenergy with IOT.pptx
electricity generation from food waste - based bioenergy with IOT.pptxAravindhKarthik1
 
First Review Group 1 PPT.pptx with slide
First Review Group 1 PPT.pptx with slideFirst Review Group 1 PPT.pptx with slide
First Review Group 1 PPT.pptx with slideMonika860882
 
Road to GDSC (Become the next GDSC lead)
Road to GDSC (Become the next GDSC lead)Road to GDSC (Become the next GDSC lead)
Road to GDSC (Become the next GDSC lead)GDSCNiT
 
12. Stairs by U Nyi Hla ngae from Myanmar.pdf
12. Stairs by U Nyi Hla ngae from Myanmar.pdf12. Stairs by U Nyi Hla ngae from Myanmar.pdf
12. Stairs by U Nyi Hla ngae from Myanmar.pdftpo482247
 
Governors ppt.pdf .
Governors ppt.pdf                              .Governors ppt.pdf                              .
Governors ppt.pdf .happycocoman
 
NIPORT Home Economics Questions Solution 2024.pdf
NIPORT Home Economics Questions Solution 2024.pdfNIPORT Home Economics Questions Solution 2024.pdf
NIPORT Home Economics Questions Solution 2024.pdfMohonDas
 

Último (20)

0950_Rodriguez_200520_Work_done-GEOGalicia_ELAB-converted.pptx
0950_Rodriguez_200520_Work_done-GEOGalicia_ELAB-converted.pptx0950_Rodriguez_200520_Work_done-GEOGalicia_ELAB-converted.pptx
0950_Rodriguez_200520_Work_done-GEOGalicia_ELAB-converted.pptx
 
Flutter GDE session GDSC ZHCET AMU, aligarh
Flutter GDE session GDSC ZHCET AMU, aligarhFlutter GDE session GDSC ZHCET AMU, aligarh
Flutter GDE session GDSC ZHCET AMU, aligarh
 
Wave Energy Technologies Overtopping 1 - Tom Thorpe.pdf
Wave Energy Technologies Overtopping 1 - Tom Thorpe.pdfWave Energy Technologies Overtopping 1 - Tom Thorpe.pdf
Wave Energy Technologies Overtopping 1 - Tom Thorpe.pdf
 
introduction to python, fundamentals and basics
introduction to python, fundamentals and basicsintroduction to python, fundamentals and basics
introduction to python, fundamentals and basics
 
عناصر نباتية PDF.pdf architecture engineering
عناصر نباتية PDF.pdf architecture engineeringعناصر نباتية PDF.pdf architecture engineering
عناصر نباتية PDF.pdf architecture engineering
 
Industry perspective on cold in-place recycling
Industry perspective on cold in-place recyclingIndustry perspective on cold in-place recycling
Industry perspective on cold in-place recycling
 
Evaluation Methods for Social XR Experiences
Evaluation Methods for Social XR ExperiencesEvaluation Methods for Social XR Experiences
Evaluation Methods for Social XR Experiences
 
EJECTOR REFRIGERATION CYCLE WITH THE INJECTION OF A HIGH DENSITY FLUID INTO A...
EJECTOR REFRIGERATION CYCLE WITH THE INJECTION OF A HIGH DENSITY FLUID INTO A...EJECTOR REFRIGERATION CYCLE WITH THE INJECTION OF A HIGH DENSITY FLUID INTO A...
EJECTOR REFRIGERATION CYCLE WITH THE INJECTION OF A HIGH DENSITY FLUID INTO A...
 
Searching and Sorting Algorithms
Searching and Sorting AlgorithmsSearching and Sorting Algorithms
Searching and Sorting Algorithms
 
The Art of Cloud Native Defense on Kubernetes
The Art of Cloud Native Defense on KubernetesThe Art of Cloud Native Defense on Kubernetes
The Art of Cloud Native Defense on Kubernetes
 
Tekom Netherlands | The evolving landscape of Simplified Technical English b...
Tekom Netherlands | The evolving landscape of Simplified Technical English  b...Tekom Netherlands | The evolving landscape of Simplified Technical English  b...
Tekom Netherlands | The evolving landscape of Simplified Technical English b...
 
Field Report on present condition of Ward 1 and Ward 2 of Pabna Municipality
Field Report on present condition of Ward 1 and Ward 2 of Pabna MunicipalityField Report on present condition of Ward 1 and Ward 2 of Pabna Municipality
Field Report on present condition of Ward 1 and Ward 2 of Pabna Municipality
 
pulse modulation technique (Pulse code modulation).pptx
pulse modulation technique (Pulse code modulation).pptxpulse modulation technique (Pulse code modulation).pptx
pulse modulation technique (Pulse code modulation).pptx
 
electricity generation from food waste - based bioenergy with IOT.pptx
electricity generation from food waste - based bioenergy with IOT.pptxelectricity generation from food waste - based bioenergy with IOT.pptx
electricity generation from food waste - based bioenergy with IOT.pptx
 
First Review Group 1 PPT.pptx with slide
First Review Group 1 PPT.pptx with slideFirst Review Group 1 PPT.pptx with slide
First Review Group 1 PPT.pptx with slide
 
Road to GDSC (Become the next GDSC lead)
Road to GDSC (Become the next GDSC lead)Road to GDSC (Become the next GDSC lead)
Road to GDSC (Become the next GDSC lead)
 
Update on the latest research with regard to RAP
Update on the latest research with regard to RAPUpdate on the latest research with regard to RAP
Update on the latest research with regard to RAP
 
12. Stairs by U Nyi Hla ngae from Myanmar.pdf
12. Stairs by U Nyi Hla ngae from Myanmar.pdf12. Stairs by U Nyi Hla ngae from Myanmar.pdf
12. Stairs by U Nyi Hla ngae from Myanmar.pdf
 
Governors ppt.pdf .
Governors ppt.pdf                              .Governors ppt.pdf                              .
Governors ppt.pdf .
 
NIPORT Home Economics Questions Solution 2024.pdf
NIPORT Home Economics Questions Solution 2024.pdfNIPORT Home Economics Questions Solution 2024.pdf
NIPORT Home Economics Questions Solution 2024.pdf
 

GDSC SKCT