Dart-Tutorial: praktische erste Schritte
Die Programmiersprache Dart ist jung, hat sich aber bereits im Bereich der Programmierung mobiler Anwendungen bereits etabliert. Google hat Flutter entwickelt , ein Software Development Kit (SDK), das Dart verwendet und damit die Verwendung und Verbreitung dieser Programmiersprache fördert. Ein wichtiger Vorteil ist, dass Sie damit Anwendungen für alle mobilen Betriebssysteme programmieren können : Apple iOS, Google Android oder Microsoft Windows Phone.
Lerne die Dart-Sprache! Unser Dart-Tutorial führt Sie durch Ihre ersten Schritte in die Welt der Programmiersprache von Google. Sie werden sehen, dass es nicht so schwierig ist. Weitere Informationen zur Sprache selbst finden Sie in unserem Artikel Was ist Dart? Mit detaillierten Informationen dazu und im Artikel über Flutter, um mehr über das Software Development Kit von Google zu erfahren.
- Darts Ursprünge
- Erste Schritte, um Dart zu lernen
- Dart in der Praxis
- Variablen definieren und verwenden
- Zeichenkette im Dart-Tutorial
- Figuren mit Dart jonglieren
- Setzen Sie bedingte Anweisungen
- Eins mehr und eins weniger auch mit Dart
- Dart drehen: Loops
- Dart Operatoren Übersicht
Darts Ursprünge
Dart wurde ursprünglich eingeführt , um Mängel in JavaScript zu beheben, die aus Entwicklersicht innerhalb der Programmiersprache selbst nicht mehr verbessert werden konnten. Auf diese Weise fanden sie einen Weg, bestimmte interne Logiken zu vereinfachen oder zusammenzuführen, ohne auf die vielfältigen Möglichkeiten der Sprache verzichten zu müssen. Der JavaScript-Code lautet beispielsweise wie folgt:
getElementsById() getElementsByTagName() getElementsByName() getElementsByClassName() querySelector() querySelectorAll() document.links document.images document.forms document.scripts formElement.elements selectElement.options
Stattdessen würde es im Code in Dart folgendermaßen aussehen:
elem.query('#foo'); elem.queryAll('.foo');
Erste Schritte, um Dart zu lernen
Eine Programmiersprache besteht aus einer Vielzahl von? Vokabeln? mit denen Daten strukturiert und Operationen (Algorithmen) entwickelt werden. Dafür verwendet die Sprache eine bestimmte Anzahl von Konzepten: Variablen , die nur einen Zweck haben. Einige Beispiele in Dart sind? Var?,? Int? ? ansonsten? oder? während? In unserem Artikel über Internet-Programmiersprachen erfahren Sie mehr über die Architektur von Programmiersprachen. Durch Kombinieren von Variablen, Operatoren, Bedingungen, Funktionen und vielen anderen Elementen wird die Sequenz des Programms geboren, an deren Ende ein Ergebnis erhalten wird.
Dart in der Praxis
Wir präsentieren Ihnen die ersten einfachen und leicht verständlichen Beispiele, um Dart zu lernen. Sie können sie nach Ihren Wünschen ändern und mit ihnen experimentieren. Alle Programmierroutinen beginnen mit dem Aufruf der Hauptfunktion. Als Beispiel nehmen wir den klassischen Code “Hallo Welt”:
void main () { print("Hola, mundo"); }
Vor der Funktion “Main” steht die Funktion ohne Rückgabetyp “Void”, die keinen Wert zurückgibt. Die Klammern ? ()? eine Funktion anzeigen und in geschweiften Klammern ? {? }? Dartcode wird ausgeführt (in diesem Beispiel besteht der Befehl darin, etwas auf dem Bildschirm zu drucken). Hinter den Schrägstrichen ? //? es gibt einen Kommentar , der unsichtbar bleibt; auch dargestellt mit? / * dies ist ein mehrzeiliger Kommentar … * /? (bekanntes Beispiel in PHP). Auf diese Weise können Sie Ihren eigenen Code oder den anderer Entwickler strukturiert kommentieren, was die Teamarbeit an vorhandenen Projekten erheblich erleichtert.
Wie in Java, C oder PHP werden alle Anweisungen in Dart mit einem Semikolon geschlossen.
Probieren Sie die folgenden Beispiele mit der kostenlosen Open Source DartPad-Plattform aus. Einer der Vorteile dieses Tools besteht darin, dass es die Zeilen des Programms nummeriert und anzeigt, ob Fehler vorliegen. Einige Programmierbeispiele finden Sie auch in einem Dropdown-Menü.
Die folgenden Codebeispiele enthalten nicht mehr? Void main () {?} ?.
Variablen definieren und verwenden
Mit den Variablen werden die Leerzeichen des Programms bestimmt. Wir beginnen mit den Zahlen.
var mySize = 174;
Hier wurde eine neue Variable ermittelt ? Mein Raum? Dem wurde der Wert “174” zugewiesen . Diese Variable behält diesen Wert in der Programmiersequenz bei, bis er von Operatoren oder Funktionen aktiv geändert wird. Um den Wert der Variablen zu erhalten, verwenden wir den Befehl? drucken ?
var mySize = 174; print(mySize); int yourSize = 174; print(yourSize); double thisSize = 1.74; print(thisSize); dynamic oneSize = 'Onehundredseventyfor' + ': ' + '174'; print(oneSize);
Mit dem Befehl? Drucken? Auf DartPad erhalten Sie die folgenden Ergebnisse aus den Zeilen 3, 6, 9 und 12 auf der Konsole:
Die Variablen in Dart unterstützen bestimmte Typen , die Ganzzahlen (? Int?) Oder Dezimalzahlen (? Double?) Sein können. Die Art der Variablen? Dynamisch? Es kann verschiedene Werte und Ausdrücke in der Programmiersequenz unterstützen. Im Gegensatz dazu werden Leerzeilen, Tabulatoren und Absätze bei der Ausführung der Routine nicht berücksichtigt. Daher liegen die Werte in der Konsole rechts direkt untereinander.
Beim Versuch, einem bestimmten Variablentyp einen falschen Wert zuzuweisen , wird in DartPad eine Fehlermeldung mit der entsprechenden Beschreibung generiert :
int mySize = 1.74; // integer is expected, but double comes print(mySize);
Die Bezeichnungen (Bezeichner) für die verwendeten Variablen dürfen keine reservierten Wörter enthalten. Weder Zahlen am Anfang noch Leerzeichen oder Sonderzeichen sind zulässig, mit Ausnahme des Unterstrichs? _? und das Dollarsymbol? $ ?. Bezeichner unterscheiden zwischen Groß- und Kleinschreibung und müssen eindeutig sein.
Zeichenkette im Dart-Tutorial
Durch Zeichenketten mit dem Datentyp? String ? (Vorsicht: mit einem Großbuchstaben S) können verschiedene Zeichen in der Dart-Sprache verarbeitet werden. Hier zeigen wir Ihnen, wie Sie mehrere Zeilen in Dart programmieren.
String text1 = 'this is a single line string'; String text2 = '''this is a multiline line string with a break'''; print(text1); print(text2);
Mit der String-Funktion wird der Text reproduziert, indem der gewünschte Inhalt in einfache oder doppelte Anführungszeichen gesetzt wird: ‘oder “. Wenn der Text jedoch dreimal mit einer der beiden Arten von Anführungszeichen (‘ ” oder” ” geöffnet und geschlossen wird ). ), Dart druckt den Text mit Zeilenumbrüchen an der Stelle, an der sie eingefügt werden. Auf diese Weise ist es möglich, das Ergebnis zu formatieren.
Intelligente Anführungszeichen (normalerweise englische Anführungszeichen) können in Windows mit der Tastenkombination [Alt] + 0147 (Anführungszeichen) und [Alt] + 0148 (Anführungszeichen) einfach in Text eingefügt und angezeigt werden gut in einer Pfeilkette. Unter macOS werden Anführungszeichen mit [Alt] + [Umschalt] + [W] und [Alt] + [2] eingefügt.
Figuren mit Dart jonglieren
Es gibt keinen großen Unterschied zwischen der Deklaration von Variablen und den Berechnungen von Variablen, bei denen sowohl Zahlen als auch Ausdrücke hinzugefügt werden können. Zur Berechnung der Ergebnisse verwendet Dart arithmetische Operatoren . Eine Aufgabe könnte beispielsweise darin bestehen, dass der Kunde einen Artikel aus einem Online-Shop auswählt , von dem er drei Einheiten kaufen möchte . In der Warenkorbfunktion müsste der Stückpreis mit “3” multipliziert werden, und nach Abschluss der Berechnung wird der Gesamtpreis angezeigt. Im folgenden Code sehen Sie zusätzlich zu den Kommentaren in den entsprechenden Zeilen die Verwendung verschiedener Methoden für den Datensatz:
String product = 'calendar'; String curr = 'EUR'; String isFor = 'for'; // 3 strings for later print use double singlePrice = 7.96; // floating comma for single price int amount = 3; // number of ordered calendars var totalPrice = (amount*singlePrice); // calculation of the total price with multiplier * var invTotal = '$totalPrice $curr'; /* Merging of two variables in a new one by adding a $ sign before the old variables.*/ var result = '$amount $products'; //also plus adding a letter ?s? for plural print (invTotal); // creating the screen output print (isFor); print (result);
In diesem Bild visualisieren wir Zeichenfolgen, Ganzzahl- und Dezimalwerte sowie die Menge der Programmierelemente für neue Variablen . Wir müssen besonders darauf achten, wenn wir zwei vorhandene Variablen zu einer neuen Variablen kombinieren, um sicherzustellen, dass wir das richtige Ergebnis auf dem Bildschirm erhalten. In diesem Fall wird beispielsweise ein Dollarsymbol vorangestellt ? $? zu den bereits definierten Variablen (Zeilen 8 und 9 im oberen Bild des DartPad).
Setzen Sie bedingte Anweisungen
Bedingte Anweisungen spielen eine wesentliche Rolle bei der Programmierung. Hier zeigen wir Ihnen, wie Sie eine Bedingung mit Dart programmieren. Eine Bedingung führt immer zu einer Entscheidung in diesem Sinne: Wenn der Fall A ( wenn ) auftritt, erscheint X auf dem Bildschirm; Wenn Fall B ( elseif ) auftritt, wird Y angezeigt. Wenn keiner der beiden Fälle ( sonst ) auftritt , ist das Ergebnis Z. Mit den Dart-Befehlen in Klammern wird der folgende Code erhalten:
var tOol = 'Glove'; if (tOol == 'Pliers' || tOol == 'Ruler') { print('That is a tool.'); } else if (tOol == 'brush') { print('That is a tool.'); } else { print('That is not a tool.'); } }
So sieht es auf DartPad aus:
Wenn Sie mehr über die Dart-Sprache erfahren möchten, ersetzen Sie das Wort “Handschuh” in “DartPad”. von? Pinzette?,? Lineal? oder? Pinsel? und beobachten Sie die Änderungen der in der Konsole programmierten Ausgabe. Sie können es nach Ihren Wünschen ändern und auf verschiedene Fälle anwenden. Hier erscheint der Operator zum ersten Mal ? ||? welches repräsentiert den logischen Namen? oder ?. In Dart kann es nicht mit? OR? Angewendet werden.
Eins mehr und eins weniger auch mit Dart
Um den nächsten Abschnitt zu programmieren, müssen wir die sogenannten Inkrementierungs- und Dekrementierungsfunktionen in Dart lernen , die nach und nach ein Ergebnis addieren und subtrahieren. Im Beispiel wird der Wert 50 mit den Operatoren? ++? Y ???.
var upAndDown = 50; print (upAndDown); print('----'); ++upAndDown; print (upAndDown); print('----'); upAndDown++; print (upAndDown); print('----'); --upAndDown; print (upAndDown); print('----'); upAndDown--; print (upAndDown);
Hier sehen wir, dass es möglich ist, als Ergebnis eine einfache Zeichenfolge ohne vorherige Definition zu erhalten, indem sie mit dem Ausdruck “Drucken” zwischen Klammern mit Anführungszeichen eingefügt wird. im Programmcode. Dies dient nur zur optischen Strukturierung des Ergebnisses. Mit diesem Wissen sind Sie bereit, Schleifen zu programmieren.
Dart drehen: Loops
Schleifen sind auch ein wichtiger Bestandteil der täglichen Programmierung. Wir verweisen beispielsweise auf Vergleiche mit vorhandenen Räumen . Dazu müssen Sie den folgenden “Ausdruck” verwenden: Wir haben den Wert A, der kontinuierlich geändert wird, bis er das Leerzeichen (Status) B erreicht. So wird er im Dart-Code dargestellt:
String myLabel = ' pieces'; var piece = 3; while (piece < 12) { var allThisStuff = '$piece $myLabel'; print(allThisStuff); piece++; }
Was macht DartPad damit?
In diesem Beispiel könnten bedingte Anweisungen auch wieder aufgenommen werden, wenn beispielsweise Wörter im Singular oder Plural unterschieden werden:
int amount = 1; var itemSing = 'blouse'; var itemPlural = 'blouses'; if (amount == 1) { print(itemSing); } else { print(itemPlural); }
Um Dart zu lernen, kopieren Sie dieses Codebeispiel in DartPad und ändern Sie die Ganzzahlvariable? Amount? für den Artikel gedruckt werden? Bluse? Einzahl oder Mehrzahl.
Dart Operatoren Übersicht
Sie haben gerade einige Bediener gelernt , mit Dart zu programmieren. In der folgenden Tabelle finden Sie eine Zusammenfassung der wichtigsten Operatoren.
In der Tabelle wurde der Wert 35 auf die Variable “Muster” angewendet.
var muster = 35;
| Bedienertyp | Konfession | Symbol | Beispiel | Ergebnis | ||||
|---|---|---|---|---|---|---|---|---|
| Arithmetik | Summe | + | var muster + 2; | 37 | ||||
| Subtraktion | – – | var muster – 2; | 33 | |||||
| Multiplikation | * * | var muster * 3; | 105 | |||||
| Teilung | /. | var muster / 7; | 5 | |||||
| Teilen Sie ein ganzzahliges Ergebnis und geben Sie es zurück | ~ / | var muster ~ / 7; | elf | |||||
| Summe zuweisen | + = | var muster + = 6; | 41 | |||||
| Subtraktion zuweisen | – = | var muster – = 7; | 28 | |||||
| Produkt zuweisen | * = | var muster * = 2; | 70 | |||||
| Abteilung zuweisen | / = | var muster / = 7; | 5 | |||||
| Von Gleichheit und Beziehung | Es ist egal | == | var muster == 35; | Wahr | ||||
| Es ist nicht das Gleiche | ! = | var muster! = 44; | Wahr | |||||
| Kleiner als | < | var muster <44; | wahr | |||||
| Weniger als oder gleich | <= | var muster <= 33; | ||||||
| Größer als | > | 44> var muster; | Wahr | |||||
| Größer als oder gleich | > = | var muster> = 23; | ||||||
| Erhöhen und verringern | Steigt | ++ | ++ var muster; | 36 | ||||
| Steigt | ++ | var muster ++; | 36 | |||||
| Nimmt ab | – – | –var Musterung; | 3. 4 | |||||
| Nimmt ab | – – | var muster–; | 3. 4 | |||||
| Restwert | %. | % var muster% 3; | 2 | |||||
| Logisch | Y. | && | muster1 && muster2 | ? und | ||||
| oder | muster1 | muster2 | ? oder | |||||
| Verweigerung | ! | muster1! muster2 | ? nicht | |||||
| Bedingungen | Ansonsten | ? ? :: | var y = Muster <34? 15:10; | 10 | ||||
| Ansonsten | ? ? :: | var y = Muster <36? 15:10; | fünfzehn | |||||
| Überprüfen Sie, ob es Null ist | ?? | var y = Musterung? 9; | 35 | |||||
| Überprüfen Sie, ob es Null ist | ?? | var z = 0 ?? aufbringen; | 35 |
Mit diesen Grundkenntnissen können Sie jetzt mit Dart in die Programmierung eintauchen und der Programmierung Ihrer eigenen Anwendung einen Schritt näher kommen.