KEMBAR78
Presentaion on Dart and Flutter Development.pptx
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

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
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
    Overview • Introduction toDart and Flutter • Let’s Dart it. • Advantages of Dart • Basic of Dart • Introduction to Flutter • Features Today's Agenda Dart & Flutter
  • 7.
    Flutter is anopen-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 SingleLanguage Strongly Typed Hot Reload Cross-platform Advantages of Dart Dart
  • 10.
    • Performance (JITand 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: ⚬ Declaredwith 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: ⚬ Definedwith 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 thefirst User Interface (UI) platform created specified for the world of ambient computing. Intro Flutter
  • 20.
    Features Features Widgets Building blocks for appelements, 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 isa 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 appdevelopment 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 likevirtual 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 appdevelopment 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, requestsand anything else we can help you with, please email us at Niteshkumar.gkp@gmail.com