SlideShare a Scribd company logo
Dart &
Flutter
Flutter
Dart
Introduction to
Dart: programming language. Create mobile/web apps.
Flutter: UI toolkit.
Name: Nitesh Kumar
Roll No.:
2108020100027
year: B.Tech (CSE) 3rd
Testing
Testing
Benefits
Flutter
Popular Apps
Popular Apps
Flutter
Overview
• Introduction to Dart and Flutter
• Let’s Dart it.
• Advantages of Dart
• Basic of Dart
• Introduction to Flutter
• Features
Today's
Agenda
Dart & Flutter
Flutter is an open-source UI
framework by Google for building
natively compiled applications for
mobile, web, and desktop from a
single codebase. Dart is the
programming language used to
develop Flutter applications,
known for its speed and
simplicity.
Introduction
to Dart and
Flutter
Dart & Flutter
Building Cross-
Platform Mobile
Applications
Overview
• Single Language
• Hot Reload
• Strongly Typed
• Growing Ecosystem
• Performance and User Experience:
Let’s Dart it.
Let’s Dart it.
Dart
Dart Dart is like the special language that's used
to create apps with Flutter. It's the magic ink
that developers use to bring their app ideas
to life.
Advantages of Dart
Single Language
Strongly Typed
Hot Reload
Cross-platform
Advantages of Dart
Dart
• Performance (JIT and AOT compilation): Dart's efficient compilation techniques
for fast execution.
• Productivity (clean syntax and optional typing): A user-friendly approach for
efficient coding.
• Scalability (suitable for small to large projects): Dart works well for both small
and large software projects.
• Strong typing (compile-time error checking): Early detection of coding mistakes
for more reliable software.
• Null safety for reliable code: Ensuring your code is robust and dependable.
• Asynchronous tasks: Handling time-consuming operations with ease.
• Developer-friendly design: Dart is built with developers in mind, making it easy
and enjoyable.
Key Advantages
• Variables:
⚬ Declared with Types: int age = 30;
⚬ Dynamic Types: dynamic dynamicVar = "Hello";
• Data Structures:
⚬ Lists: List<int> numbers = [1, 2, 3];
⚬ Maps: Map<String, int> studentGrades = {"Alice": 95, "Bob": 88};
• Control Flow:
⚬ Conditional Statements: if-else, else if, else
⚬ Loops: for, while, do-while
⚬ Switch Statement: switch
Basics of Dart
• Functions:
⚬ Defined with return types: int add(int a, int b) => a + b;
⚬ Named Parameters: void greet({String name, String message}) {...}
• Classes and Objects:
⚬ Object-Oriented: Dart supports the creation of classes and objects for
structured programming.
• Libraries and Packages:
⚬ Reusability: Dart leverages libraries and packages for code
organization and sharing.
• Null Safety:
⚬ Dart supports null safety, making code more reliable by preventing null
pointer exceptions.
Basics of Dart
• int age = 30; // Integer
• double piValue = 3.14159; // Double
• String name = "John Doe"; // String
• bool isRaining = true; // Boolean
• dynamic dynamicVariable = 'This can hold a
string';
• dynamicVariable = 42; // Dynamic (can hold
different types)
Dart Programming
• final PI = 3.14159; // Final (immutable)
• const gravity = 9.81; // Const (compile-time
constant)
• List<int> numbers = [1, 2, 3, 4, 5];
• Map<String, int> studentGrades = {"Alice": 95,
"Bob": 88};
• Set<String> uniqueNames = {"Alice", "Bob"};
• String? nullableName = null;
• int? nullableAge = 25;
Dart Programming
bool isRaining = true;
if (isRaining) {
print("Remember to take an umbrella!");
} else {
print("No need for an umbrella.");
}
Dart Programming
bool isRaining = true;
String message = isRaining ? "Remember to
take an umbrella!" : "No need for an
umbrella.";
print(message);
Dart Programming
for (int i = 1; i <= 5; i++) {
print("Number $i");
}
Dart Programming
int count = 0;
while (count < 5) {
print("Count is $count");
count++;
}
String fruit = "apple";
switch (fruit) {
case "apple":
print("It's an apple.");
break;
default:
print("It's something else.");
}
Dart Programming
Flutter is the first
User Interface (UI)
platform created
specified for the
world of ambient
computing.
Intro
Flutter
Features
Features
Widgets
Building blocks for
app elements, like
buttons and text.
Boxes holding
content with
space for better
presentation.
Containers Navigation
Moving between
screens, guided
paths for app flow.
Designs
Aesthetic,
responsive,
customizable.
Widgets
A widget is a small, reusable piece of your
app, like a building block, used to create
different parts of your app's user interface. It
can be a button, a bit of text, an image, or any
interactive or display element. Widgets are
essential elements you use to build your app's
look and feel.
Widgets
Flutter
Designs
Design in app development refers to the
combination of aesthetics and functionality. It
encompasses visual elements like colors,
fonts, and layout, affecting how the app looks
and user interaction. Material Design follows
Google's guidelines, while Cupertino Design
adheres to Apple's principles for consistent,
pleasing, and platform-specific interfaces.
Designs
Flutter
Containers are like virtual boxes
that structure an app's layout,
arranging and aligning elements
within them. They help organize
content and contribute to a visually
appealing and organized user
interface following design principles
like Material and Cupertino for
platform-specific aesthetics.
Containers in App
Development
Containers in App Developmenteeting
Flutter
Navigation in app development
guides users through different app
screens or pages, enhancing the
user experience. It ensures smooth
transitions between sections,
following design principles like
Material and Cupertino for platform-
specific navigation styles.
Navigation
Route
Flutter
To access further
information, please scan
the QR code provided to
view the accompanying
report file.
Report
Flutter
Thank
you!
For questions, requests and
anything else we can help you
with, please email us at
Niteshkumar.gkp@gmail.com

More Related Content

PDF
Introduction to flutter
PPTX
Dart programming language
PPTX
How to Validate Form With Flutter BLoC.pptx
PDF
Hello Flutter
PPTX
Dart presentation
PPTX
Java script
PPTX
Flutter Intro
PPTX
Flutter introduction
Introduction to flutter
Dart programming language
How to Validate Form With Flutter BLoC.pptx
Hello Flutter
Dart presentation
Java script
Flutter Intro
Flutter introduction

What's hot (20)

PPTX
Flutter introduction
PDF
Basics of JavaScript
PDF
Pune Flutter Presents - Flutter 101
PDF
flutter.school #HelloWorld
PDF
JavaScript - Chapter 14 - Form Handling
PPTX
Dart ppt
PDF
Jetpack Compose beginner.pdf
PPTX
JavaScript
PPTX
Flutter presentation.pptx
PPTX
Jetpack Compose.pptx
PPTX
2. Classes | Object Oriented Programming in JavaScript | ES6 | JavaScript
PPTX
Java script
PDF
The magic of flutter
PPTX
PPTX
Dart PPT.pptx
PPTX
Introduction to Flutter
PPT
PHP - DataType,Variable,Constant,Operators,Array,Include and require
PDF
PPT
Javascript
PPTX
Flutter session 01
Flutter introduction
Basics of JavaScript
Pune Flutter Presents - Flutter 101
flutter.school #HelloWorld
JavaScript - Chapter 14 - Form Handling
Dart ppt
Jetpack Compose beginner.pdf
JavaScript
Flutter presentation.pptx
Jetpack Compose.pptx
2. Classes | Object Oriented Programming in JavaScript | ES6 | JavaScript
Java script
The magic of flutter
Dart PPT.pptx
Introduction to Flutter
PHP - DataType,Variable,Constant,Operators,Array,Include and require
Javascript
Flutter session 01
Ad

Similar to Presentaion on Dart and Flutter Development.pptx (20)

PPTX
Dart and Flutter Basics.pptx
PPTX
Dart Programming.pptx
PPTX
Chapter 2 Flutter Basics Lecture 1.pptx
PPTX
Mobile Application Development class 002
PPT
Oops lecture 1
PDF
Flutter tutorial for Beginner Step by Step
PDF
Flutter Festival IIT Goa: Session 1
PDF
Droidcon London 2021 - Full Stack Dart
PPTX
flutter intro.pptx
PDF
Mobile development with Flutter
PPTX
solution Challenge design and flutter day.pptx
PDF
flutter_day_1...............................
PPTX
Hariom_project.pptxjhbyubiyubiyugbybuybybgygy
PDF
Flutter App Development Building Cross-Platform Apps.pdf
PDF
A Complete Guide to Building Your First App with Flutter
PDF
D programming language
PDF
Structured web programming
PPTX
PERTEMUAN 1 - MENGENAL ENVIRONTMENT PROGRAM VISUAL C#.pptx
PPTX
Flutter alegria event gdsc pillai college of engineering
PDF
Android Development using Flutter: From fundamentals to advanced
Dart and Flutter Basics.pptx
Dart Programming.pptx
Chapter 2 Flutter Basics Lecture 1.pptx
Mobile Application Development class 002
Oops lecture 1
Flutter tutorial for Beginner Step by Step
Flutter Festival IIT Goa: Session 1
Droidcon London 2021 - Full Stack Dart
flutter intro.pptx
Mobile development with Flutter
solution Challenge design and flutter day.pptx
flutter_day_1...............................
Hariom_project.pptxjhbyubiyubiyugbybuybybgygy
Flutter App Development Building Cross-Platform Apps.pdf
A Complete Guide to Building Your First App with Flutter
D programming language
Structured web programming
PERTEMUAN 1 - MENGENAL ENVIRONTMENT PROGRAM VISUAL C#.pptx
Flutter alegria event gdsc pillai college of engineering
Android Development using Flutter: From fundamentals to advanced
Ad

Recently uploaded (20)

PPTX
Odoo POS Development Services by CandidRoot Solutions
PDF
System and Network Administration Chapter 2
PDF
Design an Analysis of Algorithms I-SECS-1021-03
PPTX
Introduction to Artificial Intelligence
PPTX
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
PPTX
Transform Your Business with a Software ERP System
PDF
Digital Strategies for Manufacturing Companies
PDF
Design an Analysis of Algorithms II-SECS-1021-03
PPTX
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
PPTX
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
PDF
Wondershare Filmora 15 Crack With Activation Key [2025
PPTX
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
PPTX
history of c programming in notes for students .pptx
PPTX
L1 - Introduction to python Backend.pptx
PDF
wealthsignaloriginal-com-DS-text-... (1).pdf
PDF
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
PDF
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
PDF
System and Network Administraation Chapter 3
PPTX
CHAPTER 2 - PM Management and IT Context
PDF
medical staffing services at VALiNTRY
Odoo POS Development Services by CandidRoot Solutions
System and Network Administration Chapter 2
Design an Analysis of Algorithms I-SECS-1021-03
Introduction to Artificial Intelligence
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
Transform Your Business with a Software ERP System
Digital Strategies for Manufacturing Companies
Design an Analysis of Algorithms II-SECS-1021-03
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
Wondershare Filmora 15 Crack With Activation Key [2025
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
history of c programming in notes for students .pptx
L1 - Introduction to python Backend.pptx
wealthsignaloriginal-com-DS-text-... (1).pdf
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
System and Network Administraation Chapter 3
CHAPTER 2 - PM Management and IT Context
medical staffing services at VALiNTRY

Presentaion on Dart and Flutter Development.pptx

  • 1. Dart & Flutter Flutter Dart Introduction to Dart: programming language. Create mobile/web apps. Flutter: UI toolkit. Name: Nitesh Kumar Roll No.: 2108020100027 year: B.Tech (CSE) 3rd
  • 6. Overview • Introduction to Dart and Flutter • Let’s Dart it. • Advantages of Dart • Basic of Dart • Introduction to Flutter • Features Today's Agenda Dart & Flutter
  • 7. Flutter is an open-source UI framework by Google for building natively compiled applications for mobile, web, and desktop from a single codebase. Dart is the programming language used to develop Flutter applications, known for its speed and simplicity. Introduction to Dart and Flutter Dart & Flutter Building Cross- Platform Mobile Applications
  • 8. Overview • Single Language • Hot Reload • Strongly Typed • Growing Ecosystem • Performance and User Experience: Let’s Dart it. Let’s Dart it. Dart Dart Dart is like the special language that's used to create apps with Flutter. It's the magic ink that developers use to bring their app ideas to life.
  • 9. Advantages of Dart Single Language Strongly Typed Hot Reload Cross-platform Advantages of Dart Dart
  • 10. • Performance (JIT and AOT compilation): Dart's efficient compilation techniques for fast execution. • Productivity (clean syntax and optional typing): A user-friendly approach for efficient coding. • Scalability (suitable for small to large projects): Dart works well for both small and large software projects. • Strong typing (compile-time error checking): Early detection of coding mistakes for more reliable software. • Null safety for reliable code: Ensuring your code is robust and dependable. • Asynchronous tasks: Handling time-consuming operations with ease. • Developer-friendly design: Dart is built with developers in mind, making it easy and enjoyable. Key Advantages
  • 11. • Variables: ⚬ Declared with Types: int age = 30; ⚬ Dynamic Types: dynamic dynamicVar = "Hello"; • Data Structures: ⚬ Lists: List<int> numbers = [1, 2, 3]; ⚬ Maps: Map<String, int> studentGrades = {"Alice": 95, "Bob": 88}; • Control Flow: ⚬ Conditional Statements: if-else, else if, else ⚬ Loops: for, while, do-while ⚬ Switch Statement: switch Basics of Dart
  • 12. • Functions: ⚬ Defined with return types: int add(int a, int b) => a + b; ⚬ Named Parameters: void greet({String name, String message}) {...} • Classes and Objects: ⚬ Object-Oriented: Dart supports the creation of classes and objects for structured programming. • Libraries and Packages: ⚬ Reusability: Dart leverages libraries and packages for code organization and sharing. • Null Safety: ⚬ Dart supports null safety, making code more reliable by preventing null pointer exceptions. Basics of Dart
  • 13. • int age = 30; // Integer • double piValue = 3.14159; // Double • String name = "John Doe"; // String • bool isRaining = true; // Boolean • dynamic dynamicVariable = 'This can hold a string'; • dynamicVariable = 42; // Dynamic (can hold different types) Dart Programming
  • 14. • final PI = 3.14159; // Final (immutable) • const gravity = 9.81; // Const (compile-time constant) • List<int> numbers = [1, 2, 3, 4, 5]; • Map<String, int> studentGrades = {"Alice": 95, "Bob": 88}; • Set<String> uniqueNames = {"Alice", "Bob"}; • String? nullableName = null; • int? nullableAge = 25; Dart Programming
  • 15. bool isRaining = true; if (isRaining) { print("Remember to take an umbrella!"); } else { print("No need for an umbrella."); } Dart Programming
  • 16. bool isRaining = true; String message = isRaining ? "Remember to take an umbrella!" : "No need for an umbrella."; print(message); Dart Programming
  • 17. for (int i = 1; i <= 5; i++) { print("Number $i"); } Dart Programming int count = 0; while (count < 5) { print("Count is $count"); count++; }
  • 18. String fruit = "apple"; switch (fruit) { case "apple": print("It's an apple."); break; default: print("It's something else."); } Dart Programming
  • 19. Flutter is the first User Interface (UI) platform created specified for the world of ambient computing. Intro Flutter
  • 20. Features Features Widgets Building blocks for app elements, like buttons and text. Boxes holding content with space for better presentation. Containers Navigation Moving between screens, guided paths for app flow. Designs Aesthetic, responsive, customizable.
  • 21. Widgets A widget is a small, reusable piece of your app, like a building block, used to create different parts of your app's user interface. It can be a button, a bit of text, an image, or any interactive or display element. Widgets are essential elements you use to build your app's look and feel. Widgets Flutter
  • 22. Designs Design in app development refers to the combination of aesthetics and functionality. It encompasses visual elements like colors, fonts, and layout, affecting how the app looks and user interaction. Material Design follows Google's guidelines, while Cupertino Design adheres to Apple's principles for consistent, pleasing, and platform-specific interfaces. Designs Flutter
  • 23. Containers are like virtual boxes that structure an app's layout, arranging and aligning elements within them. They help organize content and contribute to a visually appealing and organized user interface following design principles like Material and Cupertino for platform-specific aesthetics. Containers in App Development Containers in App Developmenteeting Flutter
  • 24. Navigation in app development guides users through different app screens or pages, enhancing the user experience. It ensures smooth transitions between sections, following design principles like Material and Cupertino for platform- specific navigation styles. Navigation Route Flutter
  • 25. To access further information, please scan the QR code provided to view the accompanying report file. Report Flutter
  • 26. Thank you! For questions, requests and anything else we can help you with, please email us at Niteshkumar.gkp@gmail.com