Over a million developers have joined DZone.
Refcard #175

Core Dart

The Next-Generation Client-Side Web Programming Language

Written by

Chris Buckett Technical Consultant, Entity Group Ltd

Covers optional typing, core types, functions, classes and interfaces in Core Dart (Google's answer to JavaScript).

Free PDF
Section 1

About Dart

Dart is a dynamic, optionally typed, object orientated, class based language supporting single inheritance, multiple interfaces, and functional programming. All Dart apps start with a main() function, and Dart code looks like this:

main() {  
  var greeting = "Hello"; // optionally typed
  String audience = "World"; // strongly typed
  sayGreeting("$greeting $audience"); // call function

// shorthand (single-line) function syntax
sayGreeting(message) => print(greeting); // "Hello World"

You can save this script into a text file (for example, hello.dart), and run it against the Dart Virtual Machine (Dart VM) using the dart binary:

$> dart-sdk/bin/dart hello.dart
Hello World

A Language for the Web

Dart is designed as a web language that can be compiled to JavaScript or run in a browser-embedded virtual machine. The JavaScript that is output is targeted at modern web browsers, which makes Dart a perfect match for HTML5. Dart can also run on a server-side version of the virtual machine, using evented I/O to interact with the host operating system (Windows / Mac / Linux).

To run the previous script in a Dart-enabled web browser, you can embed it in an HTML script tag, with a mime-type of application/dart, as shown below:

<!DOCTYPE html>
    <script type="application/dart" src="hello.dart">
    <script src="packages/browser/dart.js"></script>

The dart.js script is a JavaScript bootstrapper that detects whether the Dart VM is embedded in the browser. The "Hello World" message is output to the browser's debug console.

Section 2

Optional Typing Explained

Dart's types are often called type annotations. This is because they have no effect on the running of the code in production; instead, they provide information to tools and other developers about the coder's intention. The following function is written twice, first with no type annotations, and then with type annotations added:

// no return type or parameter type annotations defined
repeatGreeting1(greeting,count) {
  var result = []; // empty list literal
  for (var i = 0; i < count; i++) { 
  return result; 
// return type, parameter types and variable types 
// declared, and highlighted in bold font
List repeatGreeting2(String greeting, int count) {
  List result = new List(); // list constructor
  for (int i = 0; i < count; i++) {
  return result;
main() {
  // identical function calls
  print(repeatGreeting1("Hello", 3));
  print(repeatGreeting2("Goodbye", 3));

If these two functions run identically, then why have types at all? repeatGreeting2() declares that the greeting parameter should be a String type. What happens if, as follows, we pass an integer value 9999 in place of a string?

main() {
  print(repeatGreeting1(9999, 3)); 
  print(repeatGreeting2(9999, 4)); // type warning

Dart will not prevent this code from running, because type annotations are ignored at runtime. The Dart tools, however, will report a type warning on the call to repeatGreeting2(), as you are trying to pass int when it expects a String.

Checked Mode vs. Production Mode

Although Dart will not prevent this code from running, when you run this code through the Dart Editor, a special "Checked Mode" is enabled in the Dart VM that attempts to halt execution when it encounters these types of warnings. During production mode (when you convert your Dart code to JavaScript, or run a server-side app on the server-side VM), checked mode is switched off.

Hot Tip

You can enable checked mode in the stand-alone Dart VM by passing in the parameter --checked from the command line.

Section 3

Dart Tools

The Dart language is made to be toolable, and as such, its tool ecosystem uses optional types to validate your application's source code to trap errors early.

The Dart tool ecosystem encompasses the Dart Editor and "Dartium", a custom build of Chromium with the Dart virtual machine embedded. This pair of tools supports features such as integrated debugging, code auto-completions, and refactoring. The Dart Editor is also available as an Eclipse plugin from http://www.dartlang.org/eclipse/update.

Behind the scenes, the Dart Editor uses the dart_analyzer tool, a static analyzer that will quickly find type errors in your code. You can integrate the dart_analyzer into your continuous integration system to trap errors when your code is committed to source control. The Dart2js tool compiles Dart source code to JavaScript, "treeshaking" to remove dead code as it goes, while Dartdoc outputs navigable HTML API documentation from your code comments. Finally pub, Dart's package manager tool, pulls in library dependencies from the web. These are all available in the Dart Editor menus, as stand-alone command-line tools in the dart-sdk/bin folder.

Using Pub

When you use the Dart Editor to create a new project, you are supplied with a pubspec.yaml file, which you use to provide configuration and dependency information to your project, and a starting-point project layout. By convention, following files and folders are used:

File / Folder Description
project_root/ Main folder containing the project.  Add this to source control.
pubspec.yaml Dependency information and project configuration
README.md Markdown formatted readme file
LICENSE License information
The lib folder contains your library files, and any other source files (in a src subfolder) that make up your library.
(Web projects only) The web folder contains files that will be published to the web.
test/ awesome_test.dart Executable test scripts to test  your application.

In addition, the following files and folders may exist in your project folder:

File / Folder Description
pubspec.lock Contains version numbers of your project's dependencies.  Useful when you want your entire team to be using the same version of dependencies (otherwise, don't commit to source control)
/packages/ Packages subfolders are symlinked throughout your project by the pub tool to enable relative access to all the library dependencies.
doc/ Include hand-authored documentation about your project here.
bin/ If your app is designed to be run from the command line, include the dart script to execute your app here.
example/ If examples are useful to users, place them here
tool/ Any helper scripts for internal use within the package go in the tool folder.


The pubspec.yaml file provides configuration information about your project, and has a GUI built into the Dart Editor. The following Pub commands are available:

Summary of pub commands

Command Description
pub install Install new dependencies (runs automatically in the editor when you edit the pubspec file). Stores dependency versions in the pubspec.lock file.
pub update Updates dependencies, pulling the newest versions allowed by the dependencies configuration (and overwriting those in the pubspec.lock) file.
pub publish Publish your package to Google's pub repository at http://pub.dartlang.org
Section 4

Core Types

Dart is an object-orientated language with class-based inheritance similar to Java or C#. All types descend from the base Object class. The var keyword declares a variable and is a substitute for a strong type annotation. Variables must be declared before they are used (unlike JavaScript), and objects created by using the new keyword to invoke the object's constructor:

var myObject = new Object(); // declare myObject and
                             // construct the Object
print(myObject); // use the object

All objects inherit the Object.hashCode() and Object.toString() methods. The toString() method is called automatically whenever you try and convert an object into a string representation, such as when using the print() function:

// equivalent

Hot Tip

Stylistically using the var keyword for variable declaration should be preferred within code bodies. Only use explicit type annotations (such as String, int) at the "surface area" of your code, for example, in function parameter lists, return types, and class properties.

Dart has special support for a number of core, "primitive" types that are baked into the language. Although these types are objects, extending from the Object base class, you create instances of these objects literally, without using the new keyword.

num, int, double

num is the base numeric type, and has two implementations: int and double. num declares the basic operators of +-/* and functions such as abs(), ceil(), floor(), and round(), amongst others.


Use num to declare that you want a numeric value, whether an integer or floating-point.

num myNum = 123.45;
num myRounded = myNum.round(); 


The int type accepts integer values of arbitrary precision:

int myInt = 123;
// or
var myInt = 456;

var myIntAsHex = 0xABCDEF12345;
var myBigInt = 65498763215487654321654987654321354987;


The double type accepts 64-bit floating point numbers as specified in the IEEE 754 standard:

double myDouble = 123.45;
// or
var myDouble = 123.45;

var myDoubleWithExponent = 1.23e4;


In Dart, only the literal boolean true is considered true. All other values are false. An extra restriction in checked mode only allows boolean operations on true and false literal values.

bool myTrue = true;
// or
var myTrue = true;

var myFalse = false;

print(myTrue == myFalse); // equals: false
print(myTrue != myFalse); // not equals: true
print(myTrue == myFalse || myTrue == myTrue) // or: true
print(myTrue && myTrue) // and: true

You can us the is and is! syntax to check a type's instance:

print("I am a string" is String) // prints "true"
print("I am not an int" is! int) // prints "true"


Dart strings are declared with either single or double quotes, and you can mix strings containing either:

String myString = "double quoted";
var myString = 'single quoted';
var myString = "contains 'single' quote";
var myString='contains "double" quote';

Multi-line strings are declared with three double-quotes:

var myString = """This is
a multi-line
string and can contain "double" and 'single' quotes""";

Strings can also contain escape codes, such as \n for new line:

var myString = "Line 1\nLine 2";

But you can also declare a raw string that will ignore escape codes by using the prefix r.

var myString = r"Line1\nStill line 1";

String interpolation

Dart strings cannot be concatenated using the + operator. The following code is not valid:

var myString = "hello" + " world"; // invalid syntax!

Instead, you must use string interpolation, which converts variables or expressions embedded within a string into a string. The following embeds two variables into a string by prefixing the variable name with $:

var greeting = "Hello";
var audience = "World";
var message = "$greeting $audience"; 
print(message); // Hello World

An expression enclosed within ${…} is evaluated before it is inserted into the string, for example:

var answer = "result=${1+2}";
print(answer); // result=3

The expression contained within curly braces can be any valid Dart expression, including function calls, for example:

var answer = "result=${1.23.round()}";
print(answer); // result=1.0


Dart doesn't have an explicit array type. Instead, it has a List type, which you can declare using either literal syntax, or as a List object. Internally, the object is the same.

// using list literal syntax
List myList = []; // empty list
var myList = []; // empty list

var myList = [1,2,3,4]; // all int values
var myList = ["Item 1", "Item 2", 3, 4]; // mixed values
// using List object constructor
List myList = new List(); // empty list
var myList = new List(); // empty list
var myList = new List(10); // list containing 10 nulls
var myList = new List.filled(10,"AA"); // contains 10
                                       // "AA" strings

You can add items to these lists by using the add() method, and access values using zero-based indexer syntax [ ]. Use the length property to discover how many items are in the list:

var myList = [];
myList.add("item 1");
myList.add("item 2");
myList[0] = "ITEM 1"; // replaces "item 1";
print(myList[1])  // "item 2";
print(myList.length); // 2

Lists can also be fixed size by using the List.fixedLength() constructor. Lists created in this way cannot have items added to them.

var myList = new List.fixedLength(10); // fixed length
myList.add("item11"); // throws UnsupportedError
// create a fixed length list where each element is filled with the string "AA"
var myList = new List.fixedLength(10,fill="AA");

Using Generics

Lists allow use of generic types. This means that you can use type annotations to tell Dart and fellow developers that you are expecting your list to contain only certain types. For example, the following list should contain only Strings. Adding an integer would raise a type warning.

var myList = new List<String>();
myList.add(123); // warning: 123 is not a String
var myList = <String>["a","b"];
myList.add(123); // warning: 123 is not a String

Iterating Lists with a for loop

You can use the standard for loop to iterate a list. The syntax is similar to Java, JavaScript, and C#. This is useful if you want to replace the item at each index:

var myList = [1,2,3];
for (var index=0; index<myList.length; index++) {
  var value = myList[index];
  myList[index] = value * value; // store the new value

Iterating Lists with for-in

You can use a for-in construct to access each item in the list:

var myList = ["hello","world"];
for (var item in myList) {

Iterating Lists with forEach

You can also iterate a list by using a forEach function callback, which calls a function, passing the function each item in the list:

var myList = ["hello", "world"];
myList.forEach( (item) { // 
  print(item);           // anonymous function callback
} );                     //

(See the section on Functions for more detailed explanation of anonymous functions).

Other collections

Other collection classes include HashSet, Queue and Set, which offer more specialized functionality


Like Lists, you can create maps (comma-separated list of key:value pairs) using either a map literal or a class constructor:

// Map Literal syntax
Map myMap = {"key1":"value1", "key2":"value2"};
// or
var myMap = {"key1":"value1", "key2":"value2"};
var myMap = {}; // empty map

// Map constructor syntax
Map myMap = new Map(); // empty map
// or
var myMap = new Map(); // empty map

Using Generics

Any type can be used as a map's key or a value, and you can mix key and value types within a map. To restrict the key or value types, you can create maps using Generic typing (as with Lists)

// key is String, value is any Object
var myMap = <String,Object>{}; // empty map
var myMap = new Map<String,Object>();

You access and insert items into a map by using a key as an indexer. If the key does not already exist, it will be replaced.

var myMap = new Map();
myMap["key1"] = "value1";
myMap["key2"] = "value2";
print(myMap["key2"]); // value2

Accessing a key that has not been added will return null, but you can also explicitly check if the key exists using the containsKey() method.

var myMap = {"key1":"value1"};
print(myMap["key2"]); // null
print(myMap,containsKey["key2"]); // false

You can easily access a map's keys and values properties:

var myMap = {"key1":"value1", "key2":"value2"};

// access the keys
for (var key in myMap.keys) {

// access the values 
for (var value in myMap.values) {

You can also iterate the key:value pairs using a forEach function callback:

var myMap = {"key1":"value1", "key2":"value2"};

myMap.forEach( (key, value) { //
  print("$key = $value");     // anonymous callback
} );                          
Section 5


Functions live in top-level scope, inside function scope, or within a class declaration (where they are known as methods).

Dart has both longhand and shorthand functions. Shorthand functions consist of a single expression, and always return the value of that expression, for example:

sayHello(name) => print("Hello $name"); // returns null
sum(num val1,num val2) => val1+val2; // returns result 

Shorthand functions can never be declared to return void.

The long-hand equivalent of the functions declared above is shown below. They need to explicitly use the return keyword to return a value.

sayHello(name) {
  return print("Hello $name"); // returns null

sum(num val1, num val2) {
  return val1 + val2; // returns result of val1+val2

Longhand functions may or may not return a value. You can provide explicit return types on the function definition. The return type void declares that a function has no return type.

It is also good practice to declare type annotations on function parameter lists. This lets the Dart tools and other developers discover your intent.

void sayHello(String name) {
  print("Hello $name"); // no return value
num sum(num val1, num val2) {
  return val1 + val2;

Function Parameters

Functions can have both mandatory and optional parameters. Mandatory parameters are declared first and are always positional. Optional parameters are named or positional, but not both.

When you call a function, you must always provide values for the first set of mandatory parameters, but not the optional parameters.

Optional positional parameters must be provided in the order in which they are defined. Optional named parameters can be provided arbitrarily as {key1:value1,key2:value2} pairs.

Here are some examples – the function bodies are omitted:

/** definition with mandatory 
 *  all params are mandatory
void mandatoryParams(String name, int version, url) { 
  // snip function body

/** definition with mandatory and 
 *  optional positional parameters.
 *  [name] is mandatory, [version] and [url] are optional.
 *  [version] defaults to 1 if not supplied. 
 *  [url] defaults to null if not supplied.
void optionalParameters(String name, 
                      [int version=1, url]) {
  // snip function body
/** definition with mandatory and
 * optional named parameters
 * [name] is mandatory, [version] and [url] can be 
 * passed independently of each other
void optionalNamed(String name, {int version=1, url}) {
 // snip function body
// calling, elsewhere in code:
// mandatory parameters passed in the correct order

// optional positional parameters in the correct order

// optional named parameters in any order as 
// key:value paris, within braces { }
          {version: 1, url:"http://www.dartlang.org"});
          {url:"http://www.dartlang.org", version: 1});

Within a function body, you can discover whether an optional parameter was supplied by using using the ?paramName syntax, for example:

void optionalNamed(String name [int version=1]) {
  if (?version) {
    // the caller explicitly supplied a version

Function Variables

You can store a function in a variable just like any other type.

main() {
  // shorthand function stored in sayHello variable
  var sayHello = (name) => print("Hello $name");

  // longhand function in sayGoodbye variable
  var sayGoodbye = (name) {
    print("Goodbye $name");

  // calling sayHello and sayGoodbye functions

Because you can store a function in a variable, you can also pass a function into another function as a parameter. The following example passes a function as the third parameter to the getResult function, calling the returning the calcFunction's result. Note the use of Function as type information for the third parameter.

 * Applies the function contained within calcFunction to 
 * the values stored in val1 and val2
num getResult(num val1, num val2, Function calcFunction) {
  return calcFunction(val1, val2);

main() {
  // declare two functions
  var add = (a,b) => a+b; // add a + b
  var subtract = (c,d) => c-d; // subtract d from c

  var result1 = getResult(1,2,add); 
  print(result1); // 3

  var result2 = getResult(100,10,subtract); 
  print(result2); // 90

Using Typedef

It is good practice to provide type annotations to your function's parameters, as we did with the Function type. You can be even more specific, though, and make the getResult() function's third parameter only accept a function with a defined function signature. You use the typedef keyword to define a custom function type:

// define a function signature:
typedef CalcType(num value1, num value2); // function type

// Third parameter accepts a CalcType of function
num getResult(num val1, num val2, CalcType calcFunction) {
  return calcFunction(val1, val2);
main() {
  // function signature matches CalcType
  var add = (num a,num b) => a+b; 

  // function signature does not match CalcType  
  var sayHello = (name) => print("Hello");   

  var result1 = getResult(1,2,add); // works fine
  var result2 = getResult(1,2,sayHello); // type error


A closure is a construct that "closes-over" variables that are in its scope. This is best explained with an example:

getClosure() {
  var myVariable = "Hello"; // a variable in the scope 
                            // of getClosure function

  var myFunction = () { // a function, also declared in
    print(myVariable);  // the scope of getClosure 
  }                     // function, that uses myVariable  
                        // (declared above)

  return myFunction;    // myFunction is returned by 
                        // getClosure
When getClosure() returns myFunction, the variable called myVariable is no longer in getClosure's scope.  The function defined by myFunction, however makes use of myVariable, so myVariable still exists within the scope of myFunction.  You can use getClosure as follows:
main() {
  var aFunction = getClosure(); // myFunction is now 
                                // stored in variable 
                                // aFunction

  // call aFunction
  aFunction(); // prints "Hello";
Section 6

Classes and Interfaces

Dart's class system is very similar to Java and C#. It is single-inheritance with multiple interfaces.

Defining Classes

An example class with a constructor, methods, fields and getters and setters is shown below. All constructors, methods, getters and setters can use either longhand or shorthand function syntax, and optional parameters.

class Language {
  String name; // public field
  int _version; // private field: _ prefix denotes private
  static url = "http://www.dartlang.org"; // same value 
                                          // exists across
                                          // all instances 
  final awesomeness = 11;  // immutable after 
                           // constructor initialization

  // default constructor  
  Dart() {
    name = "Dart";
    _version = 1;

  // named constructor with initializer to initialize 
  // final variables before class construction.
  Dart.withExtraAwe(aweValue) : awesomeness=aweValue {
    name = "Dart";
    _verison = 1; 

  // Getter and setter pair.  Getters and setters are 
  // independent of each other, so you can have one 
  // without the other  
  int get version => _version; // shorthand syntax 
                               // returns _version
  set version(int val) {  // longhand syntax
     _version = val; // sets the _version

  // private method, shorthand syntax
  bool _isAwesome() => this.awesomeness > 10;

  // public method
  void checkAwesomeness() {
    if (_isAwesome) {
      print("$name $version is $awesomeness out of 10"); 
      // prints: "Dart 1 is 11 out of 10"


Using Your Class

You use the various features of your class as shown below:

main() {
  var lang = new Language(); // using default constructor
  // using named constructor
  var langPlus = new Language.withExtraAwe(12);

  // the syntax for accessing getters and setters or field
 //  variables is identical.  This means you can use them 
  // interchangeably
  lang.version = 1.1; // calling the setter
  lang.name = "#dartlang" // setting a field

  print(lang.version); // calling a getter
  print(lang.name); // reading a field value

  lang.checkAwesomeness(); // calling a method

  // updating a static field happens on the object itself
  Language.url = "http://api.dartlang.org";
  print(Language.url); // 

  // final fields cannot be updated
  lang.awesomeness = 12; // error

Class Inheritance

Classes use the extends keyword to inherit another class. Dart uses the same object-orientated principals Java and C#. To access the parent object, use the super keyword. Constructors are not inherited, and super constructors must be in the constructor initialization block.

class LanguageBinary extends Language {
  // calling the Language's withExtraAwe named constructor   
  // in the LangaugeImplementation's constructor 
  // initialization block
  LanguageImplementation(awe) : super.withExtraAwe(awe) {
    name = "DartVM"; // defined on Language
    version = 1; // defined on Language
    _executable = "dart.exe" // introduced in this 
                             // child class 
  String _executable;
  get String executable => _executable;

Abstract Classes

If you want to provide a class without any implementation, or with a partial implementation, use the abstract keyword. Classes that inherit the abstract class must provide the missing implementation.

abstract class Environment {
  String getOpSystem(); // no method body

  bool isWebBrowser() { // method body provided
    // snip some implementation

Class Interfaces

In Dart, every class is also an interface – there are no explicit interface definitions. A class's interface is the public representation of the class's members.

A class is said to implement the interface of another class, using the implements keyword. This means that it makes the same public members available as defined on the classes that are being implemented. Because the calling syntax for getter / setter pairs, and fields are interchangeable, either can be used.

Both abstract classes and regular classes can be used as interfaces, as shown below:

class BrowserScript implements Language, Environment {
  // implementing public interface of Language
  int version; 
  String name;
  void checkAwesomeness() => print("Totally awesome");

  // implementing public interface of Environment
  bool isWebBrowser() => true;
  String getOpSystem() => print("ChromeOS");  

When a class implements an interface, it must provide all the members. From Dart's point of view, the new class is now an instance of whatever it is implementing.

main() {
  var script = new BrowserScript();
  print(script is BrowserScript); // true
  print(script is Language); // true
  print(script is Environment); // true

  // valid function calls:

void checkLanguage(Language lang) => print(lang.version);
void getOs(Environment env) => print(env.getOpSystem());


  • Featured
  • Latest
  • Popular
Design Patterns
Learn design patterns quickly with Jason McDonald's outstanding tutorial on the original 23 Gang of Four design patterns, including class diagrams, explanations, usage info, and real world examples.
208.1k 603.4k
Core Java
Gives you an overview of key aspects of the Java language and references on the core library, commonly used tools, and new Java 8 features.
128.4k 354.9k
Getting Started with Git
This updated Refcard explains why so many developers are migrating to this exciting platform. Learn about creating a new Git repository, cloning existing projects, the remote workflow, and more to pave the way for limitless content version control.
126.3k 285k
Getting Started with Ajax
Introduces Ajax, a group interrelated techniques used in client-side web development for creating asynchronous web applications.
102.1k 214k
Foundations of RESTful Architecture
The Representational State Transfer (REST) architectural style is a worldview that elevates information into a first-class element of architectures. REST allows us to achieve the architectural properties of performance, scalability, generality, simplicity, modifiability, and extensibility. This newly updated Refcard explains main HTTP verbs, describes response codes, and lists libraries and frameworks. It also gives additional resources to further explore each topic.
102.1k 174.9k
Spring Configuration
Catalogs the XML elements available as of Spring 2.5 and highlights those most commonly used: a handy resource for Spring context configuration.
104k 265.3k
Scrum is a framework that allows people to productively and creatively deliver products of the highest possible value. With over 70% of Agile teams using Scrum or Scrum hybrid, learn more about its benefits in managing complex product development. This newly updated Refcard explores the details of Scrum, including theory, values, roles, and events. It also includes a sample of a popular approach to deliver Integrated Increments in a scaled environment.
94.9k 252.9k
Core CSS: Part I
Covers Core principles of CSS that will expand and strengthen your professional ability to work with CSS. Part one of three.
90.9k 199.7k
jQuery Selectors
Introduces jQuery Selectors, which allow you to select and manipulate HTML elements as a group or as a single element in jQuery.
93.8k 357.9k
Core Java Concurrency
Helps Java developers working with multi-threaded programs understand the core concurrency concepts and how to apply them.
91k 195.1k
Getting Started with Eclipse
Eclipse IDE is a cross-platform, multi-purpose, open-source Integrated Development Environment. It is widely used to develop projects in Java, JavaScript, PHP, C++, Scala, and many others. This newly updated Refcard breaks down installing, setting up, and getting started with Eclipse. It also covers productivity tips, creating new projects and files, accessing Source Control Managers, and debugging configurations.
79.6k 216.4k
Core CSS: Part II
Covers Core principles of CSS that will expand and strengthen your professional ability to work with CSS. Part two of three.
74.2k 142.4k
{{ card.title }}
{{card.downloads | formatCount }} {{card.views | formatCount }}

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.


{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}