code.makery

Learning how to code.

Subscribe to Updates
Edit on GitHub
Hello Dart: Einführung in die Programmierung (Deutsch)

Installation

Zum Programmieren brauchen wir…

  • den Dart Editor und
  • die Hello Dart-Szenarien.

Dart Editor installieren

  1. Laden Sie den Dart Editor hier herunter.
  2. Entpacken Sie das Zip mit dem Dart Editor auf Ihre Festplatte.
Hinweis: Dart Editor benötigt Java in der Version 6 oder höher. Falls nötig, laden Sie die [Java Runtime](http://www.oracle.com/technetwork/java/javase/downloads/) herunter. Bei anderen Problemen mit der Installation, suchen Sie unter Troubleshoot nach einer Lösung.

Was enthält die Installation?

Dart Editor
Dart Editor ist ein einfacher aber trotzdem mächtiger Editor. Damit können Dart-Projekte erstellt, editert und verwaltet werden.
Dartium
Dies ist eine spezielle Version des Chrome Web Browsers, genannt Dartium, welcher die Dart VM (virtual machine) enthält. Dart Programme können direkt in diesem Browser laufen. Der Dart Editor führt Projekte automatisch darin aus.
Dart SDK
Das Verzeichnis dart-sdk enthält das Dart Software Development Kit. Hier befinden sich die Dart Standard-Bibliotheken und Tools für die Kommandozeile.

Dart Editor starten

Dart Editor Executable Starten Sie den Dart Editor mit einem Doppelklick auf die ausführbare Datei im Installationsordner.

Dart Editor

Hello Dart Szenarien öffnen

  1. Laden Sie unter Hello Dart-Releases die Zip-Datei hello_dart_scenarios.zip herunter (nehmen Sie die neuste Version).
  2. Entpacken Sie die Zip-Datei.
  3. Im Dart Editor: Klicken Sie auf File | Open Existing Folder…. Wählen Sie dort den Ordner hello_dart_scenarios aus, den Sie vorher entpackt haben.
  4. Öffnen Sie im Unterordner web/part1/scenario1.01 die Datei my_player.dart mit einem Doppelklick.

    My Player

  5. Klicken Sie auf das Run-Symbol Run.

Jetzt sollte sich automatisch der Chromium Browser öffnen mit dem ersten Szenario:

First Scenario

Wie weiter?

Im Teil 1 machen wir unsere ersten Schritte beim Programmieren.

Quellen
Planet Cute Bilder stammen von Daniel Cook (Lostgarden.com), veröffentlicht unter CC BY 3.0.
Oleg Yadrov hat die “Planet Cute” Bilder weiterentwickelt und mir zur Verfügung gestellt. Optimiert wurden sie mit dem grossartigen TexturePacker.

Comments