You can play my version here. The source code is here.
I jotted down some lessons I learned. Warning: This is my first Dart program, and I haven't even read the tutorial yet, so I could be missing the boat on some of these points!
Dart has generics. This is a little unfamiliar for a scripting guy like me.
This is how you add to the DOM:
HTMLDocument doc = window.document; HTMLParagraphElement p = doc.createElement('p'); p.textContent = message; doc.body.appendChild(p);Using innerHTML works too, but I suspect it's frowned upon.
DOM manipulation isn't as easy as using innerHTML. It's not quite as horrible as I feared, but it's still a pain in the butt.
Sometimes you need to use a temporary variable to help out the type system. If you write:
doc.getElementById("s-" + i + "-" + j).src = 'images/s0.png';it'll say "'src' is not a member of Element." However, you can easily fix this by writing:
The intelligent code completion in Dart Editor was really helpful since I don't really know the language or its APIs. I can edit text a lot faster in Vim, but code completion helps me know what to write.
Trying to figure out the proper way to handle keyboard events in Dart is hard because of the DOM. I'm looking at developer.mozilla.org/en/DOM/KeyboardEvent, and it looks like there are two ways to do things, the deprecated way, and the way that isn't implemented yet.
Command-g is the usual Apple shortcut to find the next occurrence of something, but it doesn't work in Dart Editor.
They're working on a new DOM API. I've decided not to use it until they say it's stable.
The way main() works in the Sunflower Example doesn't match the way main() works in sample applications generated by Dart Editor. I'm not sure why.