dartAan de slag met dart


Opmerkingen

Dart-logo

Dart is een open-source, op klassen gebaseerde, optioneel getypte programmeertaal voor het bouwen van webtoepassingen - op zowel de client als de server - gemaakt door Google. De ontwerpdoelen van Dart zijn:

  • Maak een gestructureerde maar flexibele taal voor webprogrammering.
  • Zorg dat Dart voor programmeurs vertrouwd en natuurlijk aanvoelt en dus gemakkelijk te leren is.
  • Zorg ervoor dat Dart hoge prestaties levert op alle moderne webbrowsers en omgevingen, variërend van kleine draagbare apparaten tot server-side uitvoering.

Dart richt zich op een breed scala aan ontwikkelingsscenario's, van een eenpersoonsproject zonder veel structuur tot een grootschalig project dat formele typen in de code nodig heeft om de intentie van de programmeur te vermelden.

Om dit brede scala aan projecten te ondersteunen, biedt Dart de volgende functies en hulpmiddelen:

  • Optionele typen: dit betekent dat u zonder typen kunt beginnen met coderen en deze later kunt toevoegen als dat nodig is.
  • Isoleert: gelijktijdig programmeren op server en client
  • Gemakkelijke DOM-toegang: CSS-selectors gebruiken (op dezelfde manier als jQuery doet)
  • Dart IDE-tools: Dart-plug-ins bestaan voor veel veelgebruikte IDE's, bijvoorbeeld: WebStorm .
  • Dartium: een build van de Chromium-webbrowser met een ingebouwde virtuele Dart-machine

Links

Documentatie

FAQ

versies

Versie Publicatiedatum
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

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

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

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

Handmatige installatie

U kunt ook elke versie van de SDK handmatig installeren .