Code Lab: AngularDart

Build a web app with AngularDart in one hour.

Prerequisites

Before you begin this code lab:

• Download Dart Editor if you don't already have it.
• Download our sample code. Unzip the ZIP file, which creates a directory called ng-darrrt-codelab-master.

Steps

This code lab has the following sections:

1. Run the skeleton app
2. Set the text in badge with the input text
3. Add a generate name button
4. Create a badge component
5. Use a class as model
6. Read names from JSON-encoded file
7. Create a directive
8. Capitalize the name on the badge
9. Keep the page empty until it has been initialized

Useful links

• A Tour of the Dart Language
• Dart API Reference
• AngularJs
• AngularDart tutorial

Feedback

At the end, if you have a few minutes, please fill out our anonymous feedback form.

Credits

• +Alexandre Ardhuin
• +Guillaume Girou, Dart Evangelist @Sfeir
• +Mathieu Breton, @Xebia
• +Nicolas Fran\cois, Dart Evangelist @Sfeir

Thanks to the +DartlangFr team.