The web is evolving

The Polymer project is more than just polyfills.

Web UI is evolving

How is polymer.dart related to Polymer?

polymer.dart is a Dart port of Polymer created and maintained by the Dart team. The Dart team is collaborating with the Polymer team to ensure that polymer.dart elements and polyfills are fully compatible with Polymer.

closer alignment to another team building out support for Web Components

eventual elimination of the build/compile step required by Web UI

better interop between JavaScript components and Dart components

Dart developers get faster access to critical polyfills like Web Animations and Pointer Events

Aside: What about Angular?

We're in early stages of designing Angular 2.0, but some of our goals are:

- Angular will use the underlying web platform features available to it (e.g. Node.bind, template integration, Custom Elements, etc...)

- Web Components (Polymer, Ember, or any other framework/library) will work seamlessly within Angular apps and directives.

- Components written in Angular will export to Web Components (to be used by Polymer, Ember, or any other framework/library) .

We're working actively with the MDV, Web Components, and Polymer teams to make sure that our approaches remain compatible as all these projects evolve (and they will still evolve).

-- Misko & the Angular team

Hello, Polymer.dart

Installing the polymer package

name: polymer_first_look dependencies: polymer: any

Creating the template

<!DOCTYPE html> <html> <head> <title>index</title> </head> <body> <template id="tmpl" bind> <p>Hello {{msg}}</p> </template> <script type="application/dart" src="index.dart"></script> <script src="packages/browser/dart.js"></script> </body> </html>

Binding the data

import 'dart:html'; import 'package:mdv/mdv.dart' as mdv; class Message { String msg; } main() { mdv.initialize(); var message = new Message()..msg = 'world'; query('#tmpl').model = message; }

Next steps

Join the web-ui@ and polymer-dev@ mailing lists.

File bugs on polymer.dart at dartbug.com/new.

Read all about Polymer.

Have fun! :)

This is just the beginning, there's a lot to explore with polymer.dart. I'm looking forward to more experiments as I learn about this brave new world.