DART-Tutorial – erste Schritte ganz praktisch

Die junge Programmiersprache DART hat bereits Fuß gefasst, vor allem in der Programmierung von Apps für mobile Anwendungen. Das Unternehmen Google hat mit Flutter ein Software Development Kit (SDK) aufgesetzt, das DART nutzt, und so die Anwendung und Verbreitung dieser Programmiersprache befördert. Ein wesentlicher Pluspunkt ist, dass sich damit Apps für alle mobilen Betriebssysteme – also Apple iOS, Google Android oder Microsoft Windows Phone – programmieren lassen.

Lernen Sie Programmieren mit DART – unser DART-Tutorial führt Sie mit ersten Schritten in die Welt von Googles Programmiersprache ein. Das ist gar nicht so schwer. Mehr über die Sprache an sich bietet unser Ratgeber-Artikel „Was ist DART?“. Weiterführende Informationen erhalten Sie im Artikel über Googles Software Development Kit Flutter.

Angetreten war DART ursprünglich, um Schwachstellen von JavaScript zu überwinden, die sich aus Sicht der Entwickler nicht mehr innerhalb dieser etablierten Programmiersprache bearbeiten ließen.

So begann die Suche nach Wegen, bestimmte innere Logiken zu vereinfachen oder zusammenzufassen, ohne dabei die Vielfalt der Möglichkeiten aus dem Auge zu verlieren. Um ein Beispiel aufzuführen: JavaScript hat

In DART bleibt davon übrig:

Eine Programmiersprache besteht aus einer Welt von „Vokabeln“, mit denen Daten strukturiert und Abläufe (Algorithmen) gestaltet werden. Dazu bedient sich die Sprache einer festgelegten Anzahl von Begriffen – den Variablen, die nicht zu anderen Zwecken verwendet werden dürfen. Einige Beispiele dafür sind in DART „var“, „int“ „if“, „else“ oder „while“. Mehr Details zur Architektur von Programmiersprachen lesen Sie in unserem Ratgeber zu Internet-Programmiersprachen. Aus der Kombination von Variablen, Operatoren, Bedingungen, Funktionen und vielem mehr entsteht der Programmablauf, an dessen Ende ein Ergebnis ausgegeben wird.

Wir stellen Ihnen erste und einfache, nachvollziehbare Beispiele zum Lernen von DART-Programmieren vor, die Sie dann nach Belieben erweitern und mit denen Sie selbst experimentieren können. Jede Programmroutine beginnt mit dem Aufruf der Hauptfunktion – hier am Beispiel des Klassikers in der Code-Welt:

Vor der Funktion „main“ steht der Rückgabetyp „void“, der nichts zurückgibt. Die runden Klammern „()“ deuten auf eine Funktion hin, und innerhalb der geschweiften Klammern „{ … }“ wird der DART-Code ausgeführt – hier der Befehl, etwas auf dem Bildschirm auszugeben. Was hinter den beiden Schrägstrichen „//“ steht, ist ein Kommentar, der unsichtbar bleibt; das geht ebenso mit „/* das ist ein mehrzeiliger Kommentar …*/“ – bekannt zum Beispiel aus PHP. Damit kann man den eigenen Code für sich oder andere Entwickler strukturiert kommentieren, was die Team-Arbeit an bestehenden Projekten wesentlich erleichtert.

Die nachfolgenden Beispiele können Sie einfach selbst ausprobieren. Dazu nutzen Sie die kostenlose Open-Source-Plattform DartPad. Dieses Pad hat u. a. den Vorteil, dass es die Zeilen des Programms nummeriert und ggf. Fehlermeldungen ausgibt. Zudem sind einige Programmierbeispiele in einem Drop-down-Menü verfügbar.

In den weiteren Code-Beispielen im Text wird „void main() {…}“ nicht mehr mitaufgeführt.

Mit Variablen werden feste Größen für das Programm definiert. Wir beginnen mit Zahlen.

Damit ist eine neue Variable „meineGroesse“ festgelegt worden. Ihr wurde der Wert „174“ zugewiesen. Diese Variable bleibt im Programmablauf mit Ihrem Wert erhalten, bis sie aktiv durch Operatoren oder Funktionen verändert wird. Um den Wert der Variablen auszugeben, kommt der Befehl „print“ ins Spiel.

Die Variablen in DART nehmen bestimmte Typen an. Das können Ganzzahlen („int“) oder Gleitkommazahlen („double“) sein. Der Variablentyp „dynamic“ kann im Programmablauf verschiedene Werte und Ausdrücke annehmen. Dagegen werden Leerzeilen, Tabulatoren oder Absätze beim Abarbeiten der Routine nicht berücksichtigt. Deshalb stehen die Werte rechts in der Konsole auch direkt untereinander.

Der Versuch, einem bestimmten Variablentyp einen falschen Wert zuzuweisen, erzeugt eine Fehlermeldung mit Fehlerbeschreibung im DartPad:

Mit Zeichenfolgen, dem Datentyp „String“ (Achtung: mit großem S am Anfang), lassen sich beliebige Zeichen in der DART-Programmierung verarbeiten. In diesem Zusammenhang lernen Sie hier auch gleich, mehrzeilig formatierte Zeilen in DART zu programmieren.

Die Wiedergabe von Text per String erfolgt durch Umschließen des gewünschten Inhalts mit einfachen oder normalen Anführungszeichen: ' oder ". Wird der Text jedoch mit dreifach hintereinander angeordneten Anführungszeichen (''' oder """) begonnen und beendet, gibt DART den Text an der umbrochenen Stelle auch als Umbruch aus. Damit steht eine Möglichkeit zum Formatieren der Ausgabe zur Verfügung.

Von der Festlegung von Variablen ist der Weg nicht weit zu Berechnungen mit Variablen. Dabei können Zahlen oder auch Ausdrücke zusammengerechnet werden. Um Ergebnisse zu berechnen, nutzt DART arithmetische Operatoren. Eine Aufgabe könnte beispielsweise darin bestehen, dass ein Artikel im Onlineshop ausgewählt wurde, der Kunde jedoch drei Stück davon kaufen möchte. Also muss in der Warenkorb-Funktion der Einzelpreis mit „3“ multipliziert werden und am Ende der Berechnung der Gesamtpreis dargestellt sein. Am nachfolgenden Code kann man die Verwendung verschiedener Methoden zur Zusammenführung von Daten sehen – und dazu die Kommentare in den relevanten Zeilen:

Es kommen Strings, Gleitkomma- und Ganzzahlen sowie die Zusammenführung von Elementen der Programmierung zu neuen Variablen vor. Eine Besonderheit ist beim Zusammenführen von zwei existierenden Variablen in einer neuen Variable zur Ausgabe auf dem Bildschirm zu beachten: Den bereits definierten Variablen wird in diesem Falle ein Dollarzeichen „$“ vorangestellt (Zeilen 8 und 9 in der obigen Abbildung des DartPads).

Beim Programmieren, spielen Bedingungen eine wichtige Rolle. Hier lernen Sie das Programmieren einer Bedingung mit DART. Eine Bedingung führt immer zu einer Entscheidung, im Sinn von: Wenn (if) Fall A eintritt, erscheint Anzeige X auf dem Bildschirm; tritt Fall B ein (elseif), dann kommt die Anzeige Y; wenn beide nicht zutreffen (else), wird Anzeige Z ausgegeben. Mit den in Klammern dargestellten DART-Befehlen entsteht daraus der folgende Code:

Im DartPad sieht das dann so aus:

Erweitern Sie Ihr eigenes Wissen im DART-Tutorial und wechseln Sie im DartPad das Wort „Handschuh“ einmal gegen „Zange“, „Lineal“ oder „Pinsel“ aus und beobachten Sie die Veränderungen der programmierten Ausgabe auf der Konsole. Das lässt sich beliebig erweitern und auf diverse Fälle anwenden. Neu erscheint hier erstmals der Operator „||“. Diese doppelte Pipe steht für den logischen Begriff „oder“, der in DART nicht als Wort „OR“ verwendet werden darf.

Um den nachfolgenden Abschnitt zu programmieren, müssen wir die sogenannten Inkremente und Dekremente in DART erlernen. Es handelt sich um das schrittweise Vergrößern oder Verkleinern eines Ausgangswerts. Im Beispiel wird die Zahl 50 mit den Operatoren „++“ und „--“ verändert.

Hier sehen Sie auch, dass man eine einfache Zeichenkette auch ohne vorherige Definition ausgeben kann, indem sie in runden Klammern mit Anführungszeichen per „print“ in den Programmcode eingefügt wird. Das dient hier lediglich der optischen Strukturierung des Ergebnisses. Mit diesem Wissen sind Sie vorbereitet, Schleifen zu programmieren.

Schleifen sind ebenso wichtige Programmroutinen, die immer wieder benötigt werden, um beispielsweise Vergleiche mit vorhandenen Größen anzustellen. Dazu bedient man sich folgender „Formulierung“: Wir haben den Wert A; verändere diesen Wert solange, bis die Größe (der Zustand) B erreicht ist. Als DART-Code sieht das so aus:

In diesem Beispiel könnte man auch wieder Bedingungen einsetzen, wenn sich beispielsweise Wörter in Einzahl und Mehrzahl unterscheiden:

Um mit DART programmieren zu lernen, kopieren Sie dieses Code-Beispiel in das DartPad und ändern die Ganzzahl-Variable „menge“, sodass der Artikel „Bluse“ in der Einzahl oder in der Mehrzahl ausgegeben wird.

Sie haben nun schon einige Operatoren zum Programmieren in DART erlernt. Mit der nachfolgenden Tabelle geben wir Ihnen den Überblick über die wichtigsten verfügbaren Operatoren.

In der Tabelle ist die Variable „Muster“ auf den Wert 35 gesetzt.

Mit diesem Basiswissen können Sie nun weitere Schritte in DART gehen, und der Weg zum Vorhaben, die eigene App zu programmieren, ist nicht mehr ganz so weit.