SlideShare una empresa de Scribd logo
1 de 28
Descargar para leer sin conexión
Application Development
Flutter
Today’s Agenda
● Mobile Application
Development
● What is Flutter?
● Why Learn Flutter?
● Flutter Architecture
● Types of Flutter Widgets
● Basics on Dart Language
● How Flutter Compiles
● Flutter Installation
● Making most expensive app on
Apple and play store
● Challenge
Mobile App Development
Apple Android
Swift C/C++/C# Python Java C# Kotlin
Different SDK
● SDK stands for software development kit or
devkit for short. It’s a set of software tools
and programs used by developers to create
applications for specific platforms.SDK
tools will include a range of things,
including libraries, documentation, code
samples, processes, and guides that
developers can use and integrate into their
own apps.
Different Framework
● A framework, or software framework, is a
platform for developing software
applications. It provides a foundation on
which software developers can build
programs for a specific platform.
● For example, a framework may include
predefined classes and functions that can
be used to process input, manage hardware
devices, and interact with system software.
No Uniformity
● We need Uniformity as most applications
are released for both platforms Android and
IOS , If a company is taking a native
approach to build both apps then lot of
Time and Money would be spend on
development.
What is Flutter?
Overview on Flutter
Flutter is an open-source UI software development kit created by Google. It is used to
develop applications for Android, iOS, Linux, Mac, Windows, Google Fuchsia, and the
web from a single codebase. The first version of Flutter was known as codename "Sky"
and ran on the Android operating system.
WHY Learn Flutter?
● Flutter allows developers to create
native applications for both ios and
android using one codebase, while also
giving optimisation based on the
platform being targeted in the
development cycle this saves timing in
learning two different languages and a
lot of money too.
Easy Learning Curve
● Flutter has a very easy learning curve.
Anybody having experience in object
oriented programming will find it easy to
learn flutter. Even if you are a beginner
who is just starting his career in mobile
development. Flutter is still very easy to
learn and implement.
Improve Your
Resume
● Flutter is new and trending. If somebody
is hiring for a developer and looks at
flutter in your resume then he knows
you can develop apps for both platform
and is going to save the company a lot
of money. This only makes your resume
more lucrative and provides a higher
chance at getting hired.
Let’s talk about Dart
Why Dart?
Dart is the open-source programming language
originally developed by Google. It is meant for
both server side as well as the user side.
● Optimized for UI
● Productive Development
● Fast on all platforms
Flutter Architecture
Widget tree
● An application built using flutter is
designed using widgets. Everything is a
widget. So the entire application
becomes a tree of widgets. Some
widgets are just for layout precision
while others for visual enhancement.
Embrace Platform
Difference
● Flutter is amazing as it embraces the
difference between the platforms. IOS
and Android behaves differently for how
service API’s are called and handled.
Flutter embraces these differences
gracefully, giving the developer the
complete control over the application
and its behaviours.
Types of Widgets
Everything is a Widget!!
Stateless Widget
Stateless widgets are the
widgets that don’t change i.e.
they are immutable. Its
appearance and properties
remain unchanged throughout
the lifetime of the widget.
Examples: Icon, IconButton, and
Text are examples of stateless
widgets.
Stateful Widget
Stateful Widgets are the ones
that change its properties
during run-time. They are
dynamic i.e., they are mutable
and can be drawn multiple
times within its lifetime.
Examples : Checkbox, Radio
Button, Slider, InkWell, Form, and
TextField are examples of Stateful
widgets.
How Flutter Compiles
How Flutter code
compiles for
Android and IOS
Let’s install Flutter!!
Let’s run our first app!!
Challenge
Resources
● Flutter official channel
● Flutter & Dart
● Flutter Installation
● Udemy
● Explore!!
Thank You!!

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Flutter
FlutterFlutter
Flutter
 
Introduction to Flutter
Introduction to FlutterIntroduction to Flutter
Introduction to Flutter
 
INTRODUCTION TO FLUTTER.pdf
INTRODUCTION TO FLUTTER.pdfINTRODUCTION TO FLUTTER.pdf
INTRODUCTION TO FLUTTER.pdf
 
Flutter Festival - Intro Session
Flutter Festival - Intro SessionFlutter Festival - Intro Session
Flutter Festival - Intro Session
 
Build beautiful native apps in record time with flutter
Build beautiful native apps in record time with flutterBuild beautiful native apps in record time with flutter
Build beautiful native apps in record time with flutter
 
Flutter Intro
Flutter IntroFlutter Intro
Flutter Intro
 
What and Why Flutter? What is a Widget in Flutter?
What and Why Flutter? What is a Widget in Flutter?What and Why Flutter? What is a Widget in Flutter?
What and Why Flutter? What is a Widget in Flutter?
 
Building beautiful apps with Google flutter
Building beautiful apps with Google flutterBuilding beautiful apps with Google flutter
Building beautiful apps with Google flutter
 
What is Flutter
What is FlutterWhat is Flutter
What is Flutter
 
Flutter
Flutter Flutter
Flutter
 
Flutter vs react native – from developer point
Flutter vs react native – from developer pointFlutter vs react native – from developer point
Flutter vs react native – from developer point
 
Flutter introduction
Flutter introductionFlutter introduction
Flutter introduction
 
Flutter Tutorial For Beginners | Edureka
Flutter Tutorial For Beginners | EdurekaFlutter Tutorial For Beginners | Edureka
Flutter Tutorial For Beginners | Edureka
 
Flutter workshop
Flutter workshopFlutter workshop
Flutter workshop
 
Flutter talkshow
Flutter talkshowFlutter talkshow
Flutter talkshow
 
Pune Flutter Presents - Flutter 101
Pune Flutter Presents - Flutter 101Pune Flutter Presents - Flutter 101
Pune Flutter Presents - Flutter 101
 
Flutter
FlutterFlutter
Flutter
 
Flutter
FlutterFlutter
Flutter
 
Flutter for web
Flutter for web Flutter for web
Flutter for web
 
Flutter vs React Native | Edureka
Flutter vs React Native | EdurekaFlutter vs React Native | Edureka
Flutter vs React Native | Edureka
 

Similar a DSC IIITL Flutter Workshop

flutter-general-report.docx
flutter-general-report.docxflutter-general-report.docx
flutter-general-report.docx
KuntalSasmal1
 

Similar a DSC IIITL Flutter Workshop (20)

Top Benefits of Flutter App Development Services - An Insightful Blog
Top Benefits of Flutter App Development Services - An Insightful BlogTop Benefits of Flutter App Development Services - An Insightful Blog
Top Benefits of Flutter App Development Services - An Insightful Blog
 
Why The Future of Flutter Will Be Your Next Big Obsession.pdf
Why The Future of Flutter Will Be Your Next Big Obsession.pdfWhy The Future of Flutter Will Be Your Next Big Obsession.pdf
Why The Future of Flutter Will Be Your Next Big Obsession.pdf
 
Top Reasons to Choose Flutter App Development Company.pdf
Top Reasons to Choose Flutter App Development Company.pdfTop Reasons to Choose Flutter App Development Company.pdf
Top Reasons to Choose Flutter App Development Company.pdf
 
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
 
Flutter UI Framework
Flutter UI FrameworkFlutter UI Framework
Flutter UI Framework
 
Flutter Development Services
Flutter Development ServicesFlutter Development Services
Flutter Development Services
 
Flutter single codebase to build your dream application for i os and android
Flutter single codebase to build your dream application for i os and android Flutter single codebase to build your dream application for i os and android
Flutter single codebase to build your dream application for i os and android
 
flutter-general-report.docx
flutter-general-report.docxflutter-general-report.docx
flutter-general-report.docx
 
Flutter App Development- Why Should You Choose It .
Flutter App Development- Why Should You Choose It .Flutter App Development- Why Should You Choose It .
Flutter App Development- Why Should You Choose It .
 
Why is flutter mobile app development mostly recommended for your business
Why is flutter mobile app development mostly recommended for your businessWhy is flutter mobile app development mostly recommended for your business
Why is flutter mobile app development mostly recommended for your business
 
Mobile Application Development class 001
Mobile Application Development class 001Mobile Application Development class 001
Mobile Application Development class 001
 
Google flutter
Google flutterGoogle flutter
Google flutter
 
Why is Flutter now Trendsetter in mobile app development .
Why is Flutter now Trendsetter in mobile app development .Why is Flutter now Trendsetter in mobile app development .
Why is Flutter now Trendsetter in mobile app development .
 
Swift Or Dart: Which One is the Most Viable Choice for iOS App Development!
Swift Or Dart: Which One is the Most Viable Choice for iOS App Development!					Swift Or Dart: Which One is the Most Viable Choice for iOS App Development!
Swift Or Dart: Which One is the Most Viable Choice for iOS App Development!
 
How does Flutter become the better option for Mobile App Development Thailand...
How does Flutter become the better option for Mobile App Development Thailand...How does Flutter become the better option for Mobile App Development Thailand...
How does Flutter become the better option for Mobile App Development Thailand...
 
8 Reasons Why Flutter is the Future of Mobile App Development
8 Reasons Why Flutter is the Future of Mobile App Development8 Reasons Why Flutter is the Future of Mobile App Development
8 Reasons Why Flutter is the Future of Mobile App Development
 
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
 
Flutter App Development: The Best Framework For Cross-Platform Applications
Flutter App Development: The Best Framework For Cross-Platform ApplicationsFlutter App Development: The Best Framework For Cross-Platform Applications
Flutter App Development: The Best Framework For Cross-Platform Applications
 
Flutter single codebase to build your dream application for i os and android
Flutter single codebase to build your dream application for i os and android Flutter single codebase to build your dream application for i os and android
Flutter single codebase to build your dream application for i os and android
 
Flutter: Future of App Development
Flutter: Future of App DevelopmentFlutter: Future of App Development
Flutter: Future of App Development
 

Último

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICECHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
VictorSzoltysek
 

Último (20)

The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
 
How to Choose the Right Laravel Development Partner in New York City_compress...
How to Choose the Right Laravel Development Partner in New York City_compress...How to Choose the Right Laravel Development Partner in New York City_compress...
How to Choose the Right Laravel Development Partner in New York City_compress...
 
Software Quality Assurance Interview Questions
Software Quality Assurance Interview QuestionsSoftware Quality Assurance Interview Questions
Software Quality Assurance Interview Questions
 
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension AidDirect Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
 
Microsoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdfMicrosoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdf
 
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) SolutionIntroducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICECHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
 
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
 
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
 
5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf
 
10 Trends Likely to Shape Enterprise Technology in 2024
10 Trends Likely to Shape Enterprise Technology in 202410 Trends Likely to Shape Enterprise Technology in 2024
10 Trends Likely to Shape Enterprise Technology in 2024
 
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
 
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
 
8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students
 
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdfAzure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
 
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplateAI & Machine Learning Presentation Template
AI & Machine Learning Presentation Template
 
Unlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language ModelsUnlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language Models
 
Diamond Application Development Crafting Solutions with Precision
Diamond Application Development Crafting Solutions with PrecisionDiamond Application Development Crafting Solutions with Precision
Diamond Application Development Crafting Solutions with Precision
 
Right Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsRight Money Management App For Your Financial Goals
Right Money Management App For Your Financial Goals
 

DSC IIITL Flutter Workshop

  • 2. Today’s Agenda ● Mobile Application Development ● What is Flutter? ● Why Learn Flutter? ● Flutter Architecture ● Types of Flutter Widgets ● Basics on Dart Language ● How Flutter Compiles ● Flutter Installation ● Making most expensive app on Apple and play store ● Challenge
  • 4. Apple Android Swift C/C++/C# Python Java C# Kotlin
  • 5. Different SDK ● SDK stands for software development kit or devkit for short. It’s a set of software tools and programs used by developers to create applications for specific platforms.SDK tools will include a range of things, including libraries, documentation, code samples, processes, and guides that developers can use and integrate into their own apps.
  • 6. Different Framework ● A framework, or software framework, is a platform for developing software applications. It provides a foundation on which software developers can build programs for a specific platform. ● For example, a framework may include predefined classes and functions that can be used to process input, manage hardware devices, and interact with system software.
  • 7. No Uniformity ● We need Uniformity as most applications are released for both platforms Android and IOS , If a company is taking a native approach to build both apps then lot of Time and Money would be spend on development.
  • 9. Overview on Flutter Flutter is an open-source UI software development kit created by Google. It is used to develop applications for Android, iOS, Linux, Mac, Windows, Google Fuchsia, and the web from a single codebase. The first version of Flutter was known as codename "Sky" and ran on the Android operating system.
  • 11. ● Flutter allows developers to create native applications for both ios and android using one codebase, while also giving optimisation based on the platform being targeted in the development cycle this saves timing in learning two different languages and a lot of money too.
  • 12. Easy Learning Curve ● Flutter has a very easy learning curve. Anybody having experience in object oriented programming will find it easy to learn flutter. Even if you are a beginner who is just starting his career in mobile development. Flutter is still very easy to learn and implement.
  • 13. Improve Your Resume ● Flutter is new and trending. If somebody is hiring for a developer and looks at flutter in your resume then he knows you can develop apps for both platform and is going to save the company a lot of money. This only makes your resume more lucrative and provides a higher chance at getting hired.
  • 15. Why Dart? Dart is the open-source programming language originally developed by Google. It is meant for both server side as well as the user side. ● Optimized for UI ● Productive Development ● Fast on all platforms
  • 17. Widget tree ● An application built using flutter is designed using widgets. Everything is a widget. So the entire application becomes a tree of widgets. Some widgets are just for layout precision while others for visual enhancement.
  • 18. Embrace Platform Difference ● Flutter is amazing as it embraces the difference between the platforms. IOS and Android behaves differently for how service API’s are called and handled. Flutter embraces these differences gracefully, giving the developer the complete control over the application and its behaviours.
  • 20. Everything is a Widget!! Stateless Widget Stateless widgets are the widgets that don’t change i.e. they are immutable. Its appearance and properties remain unchanged throughout the lifetime of the widget. Examples: Icon, IconButton, and Text are examples of stateless widgets. Stateful Widget Stateful Widgets are the ones that change its properties during run-time. They are dynamic i.e., they are mutable and can be drawn multiple times within its lifetime. Examples : Checkbox, Radio Button, Slider, InkWell, Form, and TextField are examples of Stateful widgets.
  • 22. How Flutter code compiles for Android and IOS
  • 24. Let’s run our first app!!
  • 25.
  • 27. Resources ● Flutter official channel ● Flutter & Dart ● Flutter Installation ● Udemy ● Explore!!