dart Zelfstudie
Aan de slag met dart

Opmerkingen

versies

Installatie of instellingen

De Dart SDK bevat alles wat u nodig hebt om Dart-code te schrijven en uit te voeren: VM, bibliotheken, analyzer, pakketbeheer, doc-generator, formatter, debugger en meer. Als u webontwikkeling uitvoert, hebt u ook Dartium nodig.

Geautomatiseerde installatie en updates

• Dart op Windows installeren
• Dart op Mac installeren
• Dart op Linux installeren

Handmatige installatie

U kunt ook elke versie van de SDK handmatig installeren .

Hallo Wereld!

Maak een nieuw bestand met de naam hello_world.dart met de volgende inhoud:

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

Navigeer in de terminal naar de map met het bestand hello_world.dart en typ het volgende:

dart hello_world.dart

Druk op Enter om Hello, World! in het terminalvenster.

HTTP-verzoek

html

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

pijl

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);
}

Voorbeeld

zie voorbeeld op https://dartpad.dartlang.org/a0e092983f63a40b0b716989cac6969a

Getters en Setters

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;
}

Met dart- klasse getters en setters kunnen API's wijzigingen in de objectstatus inkapselen.

Zie hier het dartpad- voorbeeld: https://dartpad.dartlang.org/c25af60ca18a192b84af6990f3313233