Interactive Learning Tool – Google’s AJAX APIs Playground

Google’s AJAX APIs let you implement rich, dynamic web sites entirely in JavaScript and HTML. You can add a map to your site, a dynamic search box, or download feeds with just a few lines of JavaScript. Google’s AJAX APIs Playground enables you to change Google’s JavaScript APIs sample code, re-run it, and see the results in real time. You can export your code, save it, and also get a full HTML source.

The AJAX API Playground is loaded with samples for Google JavaScript APIs (Maps, Search, Feeds, Calendar, Visualization, Language, Blogger, Libraries and Earth, etc) to help you explore what Google’s APIs have to offer. The save feature allows you to hold onto an edited sample so you can continue working on it later, while export lets you modify a sample and publish the code to a permanent URL.


  • Save, Export & Run Code Samples
  • Break Points (Simulated in JavaScript)
  • Firebug Lite in Output for Debugging
  • Line Numbers in Code Editor
  • Ability to edit HTML of Samples

Developed by Ben Lisbakken; AJAX API Playground is built using App Engine, and you can also create your own App Engine instance to show off your code samples. The code is open sourced under an Apache 2.0 license and uses several open source libraries and tools, including jQuery, jQuery UI, YUI Compressor, and CodeMirror.

Stay Updated

If you found this post useful, consider subscribing to our RSS Feed! You can also stay updated by following us on Twitter and Facebook or by subscribing to our FriendFeed.

Bookmark / Share

Bookmark and Share

Read More




Leave Comment


Stay Updated, Subscribe to RSS Feed




Sponsored Links