Looking for dart Keywords? Try Ask4Keywords

dartErste Schritte mit Dart


Bemerkungen

Dart-Logo

Dart ist eine auf Open Source basierende, klassenbasierte, optional typisierte Programmiersprache zum Erstellen von Webanwendungen - sowohl auf dem Client als auch auf dem Server -, die von Google erstellt wurden. Darts Designziele sind:

  • Erstellen Sie eine strukturierte und dennoch flexible Sprache für die Webprogrammierung.
  • Sorgen Sie dafür, dass sich Dart den Programmierern vertraut und natürlich anfühlt und daher leicht zu erlernen ist.
  • Stellen Sie sicher, dass Dart auf allen modernen Webbrowsern und Umgebungen, von kleinen Handheld-Geräten bis zur serverseitigen Ausführung, eine hohe Leistung bietet.

Dart zielt auf eine breite Palette von Entwicklungsszenarien ab, von einem Ein-Personen-Projekt ohne große Struktur bis zu einem großen Projekt, das formale Typen im Code benötigt, um die Absicht des Programmierers anzugeben.

Zur Unterstützung dieses breiten Spektrums an Projekten bietet Dart die folgenden Funktionen und Tools:

  • Optionale Typen: Dies bedeutet, dass Sie die Codierung ohne Typen starten und sie bei Bedarf später hinzufügen können.
  • Isolate: gleichzeitige Programmierung auf Server und Client
  • Einfacher DOM-Zugriff: Verwendung von CSS-Selektoren (genau wie bei jQuery)
  • Dart IDE-Tools: Dart-Plug-Ins gibt es für viele häufig verwendete IDEs, z. B. WebStorm .
  • Dartium: Ein Build des Chromium-Webbrowsers mit einer integrierten virtuellen Dart-Maschine

Links

Dokumentation

FAQ

Versionen

Ausführung Veröffentlichungsdatum
1.22.1 2017-02-22
1.22.0 2017-02-14
1.21.1 2016-01-13
1.21.0 2016-12-07
1.20.1 2016-10-13
1,20,0 2016-10-11
1.19.1 2016-09-07
1.19.0 2016-08-26
1.18.1 2016-08-02
1.18.0 2016-07-27
1.17.1 2016-06-10
1.17.0 2016-06-06
1.16.1 2016-05-23
1.16.0 2016-04-26
1.15.0 2016-03-09
1.14.2 2016-02-09
1.14.1 2016-02-03
1.14.0 2016-01-28
1.13.2 2016-01-05
1.13.1 2015-12-17
1.13.0 2015-11-18
1.12.2 2015-10-21
1.12.1 2015-09-08
1.12.0 2015-08-31
1.11.3 2015-08-03
1.11.1 2015-07-02
1.11.0 2015-06-24
1.10.1 2015-05-11
1.10.0 2015-04-24
1.9.3 2015-04-13
1.9.1 2015-03-25
1.8.5 2015-01-13
1.8.3 2014-12-01
1.8.0 2014-11-27
1.7.2 2014-10-14
1.6.0 2014-08-27
1.5.8 2014-07-29
1.5.3 2014-07-03
1.5.2 2014-07-02
1.5.1 2014-06-24
1.4.3 2014-06-16
1.4.2 2014-05-27
1.4.0 2014-05-20
1.3.6 2014-04-30
1.3.3 2014-04-16
1.3.0 2014-04-08
1.2.0 2014-02-25
1.1.3 2014-02-06
1.1.1 2014-01-15
1.0.0.10_r30798 2013-12-02
1.0.0.3_r30188 2013-11-12
0.8.10.10_r30107 2013-11-08
0.8.10.6_r30036 2013-11-07
0.8.10.3_r29803 2013-11-04

Getter und Setter

void main() {
  var cat = new Cat();
  
  print("Is cat hungry? ${cat.isHungry}");  // Is cat hungry? true
  print("Is cat cuddly? ${cat.isCuddly}");  // Is cat cuddly? false
  print("Feed cat.");
  cat.isHungry = false;                     
  print("Is cat hungry? ${cat.isHungry}");  // Is cat hungry? false
  print("Is cat cuddly? ${cat.isCuddly}");  // Is cat cuddly? true
}

class Cat {
  bool _isHungry = true;
  
  bool get isCuddly => !_isHungry;
  
  bool get isHungry => _isHungry;
  bool set isHungry(bool hungry) => this._isHungry = hungry;
}
 

Dart- Klassen-Getter und -Setter ermöglichen APIs, Änderungen des Objektzustands zu kapseln.

Das Dartpad- Beispiel finden Sie hier: https://dartpad.dartlang.org/c25af60ca18a192b84af6990f3313233

Hallo Welt!

Erstellen Sie eine neue Datei mit dem Namen hello_world.dart mit folgendem Inhalt:

void main() {
  print('Hello, World!');
}
 

Navigieren Sie im Terminal zu dem Verzeichnis, in dem sich die Datei hello_world.dart und geben Sie Folgendes ein:

dart hello_world.dart
 

Drücken Sie die Eingabetaste , um Hello, World! anzuzeigen. im Terminalfenster.

HTTP-Request

Html

<img id="cats"></img>
 

Pfeil

import 'dart:html';

/// Stores the image in [blob] in the [ImageElement] of the given [selector].
void setImage(selector, blob) {
  FileReader reader = new FileReader();
  reader.onLoad.listen((fe) { 
    ImageElement image = document.querySelector(selector);
    image.src = reader.result;
  });
  reader.readAsDataUrl(blob);  
}

main() async {
  var url = "https://upload.wikimedia.org/wikipedia/commons/2/28/Tortoiseshell_she-cat.JPG";

  // Initiates a request and asynchronously waits for the result.
  var request = await HttpRequest.request(url, responseType: 'blob');
  var blob = request.response;
  setImage("#cats", blob);
}
 

Beispiel

siehe Beispiel auf https://dartpad.dartlang.org/a0e092983f63a40b0b716989cac6969a

Installation oder Setup

Das Dart-SDK enthält alles, was Sie zum Schreiben und Ausführen von Dart-Code benötigen: VM, Bibliotheken, Analyzer, Paketmanager, Dokumentgenerator, Formatierer, Debugger und mehr. Wenn Sie Webentwicklung betreiben, benötigen Sie auch Dartium.

Automatisierte Installation und Updates

Manuelle Installation

Sie können auch jede Version des SDK manuell installieren .