Dart Tutorials | Dart: Structured web apps

The Dart Tutorials teach you how to build web applications using the Dart language, tools, and APIs.

Who are you?

You already know how to program in a structured language like C or Java.
You are familiar with object-oriented programming.
You might not know how to program the browser through the DOM (Document Object Model).

Let’s go! Follow the tutorials in order from left to right…or choose just the ones you need.

Download the software and discover which tools and libraries you get with the bundle. Run two sample apps.

Get started

Get Dart. Run two apps.

Get the sample code

Before moving on, get the code for all the tutorials' samples.

Download the ZIP file.
Unzip it.
Open the dart-tutorials-samples directory in Dart Editor.
Go to the next tutorial, Connect Dart & HTML .

Web pages are programmed in HTML and represented within the browser as a tree structure called the DOM (Document Object Model). Dart apps can modify the DOM programmatically, thus dynamically changing the web page. First, learn how to connect Dart and HTML. Then learn how to add, move, and remove DOM elements.

Connect Dart & HTML

Include a Dart script in an HTML page.

Add Elements to the DOM

Add elements to the web page and move them.

Remove DOM Elements

Delete elements from the web page.

Dart developers have been busy creating code libraries that can help you be more productive. Leverage that code or put your code out in the world to share with others.

Install Shared Packages

Organize and share code at pub.dartlang.org.

Polymer helps you build structured, encapsulated, client-side web apps with web components.

Define a Custom Element

Create a custom HTML element using Polymer.

The Future and Stream classes provide API for performing tasks, such as input/output, asynchronously, so as to avoid blocking your program. Futures and Streams are fundamental to most Dart programs.

Use Future-Based APIs

A first look at using Futures for asynchronous tasks.

Use Streams for Data

Use streams to manage sequences of data

Various classes in the Dart libraries help you get, send, receive, and save user data. You can use input elements within forms to get data from users. You can use JSON to format data and HttpRequest to send requests and receive responses. And, finally, you can save data on the client with IndexedDB.