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.
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
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