Grunderna i Dart för Flutter
Gå igenom grunderna i Dart-programmering, inklusive variabler, datatyper, styrflöden, funktioner och objektorienterade koncept som är viktiga för Flutter.
Grunderna i Dart för Flutter är en gratis lektion i Mobilutveckling med Flutter på CoddyKit. Detta är lektion 2 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Mobilutveckling med Flutter, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Mobilutveckling med Flutter innehåller totalt 4 lektioner.
Välkommen till Dart!
Innan vi bygger appar ska vi lära oss Dart – Flutters språk. Det är optimerat för klientprogram och går snabbt att lära sig om ni kan Java eller JavaScript.
Lagra data: variabler och typer
Variabler lagrar data. Deklarera dem med var för härledda typer, eller ange typen uttryckligen: int, double, String, bool.
Variabler i praktiken
Här deklareras variabler av olika typer. Observera Darts null-säkerhet: en variabel kan inte vara null om ni inte uttryckligen tillåter det med ?.
void main() {
var name = "Alice"; // Type inferred as String
int age = 30;
double height = 1.75;
bool isStudent = true;
String? middleName; // Can be null
print("Name: $name");
print("Age: $age");
print("Student: $isStudent");
}Gruppera data: listor
En Dart-List är en ordnad, nollindexerad samling – ungefär som en array. Deklarera en typad lista med List<String> och hämta objekt utifrån deras position.
void main() {
List<String> fruits = ['Apple', 'Banana'];
print('Initial fruits: $fruits');
fruits.add('Orange'); // Add an item
print('After adding: $fruits');
print('First fruit: ${fruits[0]}');
}Fatta beslut: If/Else
Styrflöde låter koden fatta beslut. if körs när ett villkor är sant; kombinera else if och else för övriga fall.
void main() {
int temperature = 25;
if (temperature > 30) {
print('It\'s very hot!');
} else if (temperature > 20) {
print('It\'s warm.');
} else {
print('It\'s cool.');
}
}Upprepa åtgärder: loopar
Loopar upprepar ett kodblock. En for-loop passar utmärkt för att iterera över en lista eller köra en uppgift ett bestämt antal gånger.
void main() {
List<String> colors = ['Red', 'Green', 'Blue'];
for (String color in colors) {
print('Color: $color');
}
for (int i = 0; i < 3; i++) {
print('Count: $i');
}
}Funktioner: återanvändbar kod
Funktioner är återanvändbara block som utför en uppgift. De tar parametrar som indata och kan returnera ett värde som utdata.
Definiera och anropa funktioner
Här visas två funktioner: greet tar emot ett namn och add returnerar en int. void betyder att en funktion inte returnerar något.
void greet(String name) {
print('Hello, $name!');
}
int add(int a, int b) {
return a + b;
}
void main() {
greet('Coddy');
int sum = add(10, 5);
print('Sum: $sum');
}Grundläggande klasser och objekt
Dart är objektorienterat: en klass är en mall för objekt. Objekt samlar egenskaper (data) och metoder (beteende) för att hålla koden organiserad.
class Car {
String brand; // Property
int year; // Property
Car(this.brand, this.year); // Constructor
void displayInfo() { // Method
print('$brand from $year');
}
}
void main() {
var myCar = Car('Toyota', 2020); // Create an object
myCar.displayInfo(); // Call a method
var otherCar = Car('Honda', 2022);
otherCar.displayInfo();
}Kontroll av Dart-grunderna
Vilka av följande Dart-kodavsnitt är giltiga variabeldeklarationer eller initieringar?
Sammanfattning: grunderna i Dart
Bra jobbat! Ni behärskar nu Darts grundläggande byggstenar – variabler, listor, styrflöde, loopar, funktioner och klasser. Det här är grunden för alla Flutter-appar.
Lär dig Dart med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 22
- Lektioner
- 88
Vanliga frågor
Är lektionen ”Grunderna i Dart för Flutter” gratis?
Ja – hela texten till ”Grunderna i Dart för Flutter” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Mobilutveckling med Flutter, kan Ni uppgradera till CoddyKit PRO. Kursen i Mobilutveckling med Flutter innehåller totalt 4 lektioner.
Vad lär jag mig i ”Grunderna i Dart för Flutter”?
Gå igenom grunderna i Dart-programmering, inklusive variabler, datatyper, styrflöden, funktioner och objektorienterade koncept som är viktiga för Flutter. Ni övar på Mobilutveckling med Flutter med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig Mobilutveckling med Flutter?
Du behöver inga förkunskaper. Utbildningen i Mobilutveckling med Flutter på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 2 av 4.
Hur lång tid tar lektionen ”Grunderna i Dart för Flutter”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här Mobilutveckling med Flutter-lektionen?
Ja. Varje Mobilutveckling med Flutter-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Flutter-ekosystemet och konfiguration
- Grunderna i Dart för Flutter
- Bygg er första Flutter-app
- Asynkron programmering med Futures och async/await