Since learning a new syntax can be daunting, a "Rosetta Stone" would be helpful to compare and contrast code from the syntax of a library you know, versus a library you don't know.
My suggestion is to open each page in a different tab in your browser and editor and watch the interactions. The source code for the main script will load at the bottom of the page, compare and contrast the code from page to page. If anyone has a better idea as to how to document these differences I'm all ears. Perhaps it would be better to have individual pages with each kind of action, but I think having all the syntax for a single HTML page aids learning. Again though, I'm all ears.
Creator: Joe Crawford firstname.lastname@example.org @artlung
Hosted on GitHub at http://github.com/artlung/Artlung-Rosetta/