 | Level: Introductory Ken Bluttman (ken@kenbluttman.com), Freelance Web Developer, Freelance Consultant
07 Oct 2008 Mashups are a new, highly interactive Web development methodology. Essentially a mix
of related content put together from disparate sources, mashups provide rich dynamic content
for a superb user experience. Getting Asynchronous
JavaScript + XML (Ajax) and mashup chops into your development toolbox will
benefit you with high demand in the evolving Web 2.0
workspace.
In this tutorial
- Hello Map, the new Hello World
- An Ajax refresher
- Here comes the mashup
- Get set up with Flickr
- Open up the search
- More about the Search API
Prerequisites
Much of this tutorial uses JavaScript code. Ajax isn't a language; it's a programming paradigm that relies heavily on JavaScript code. Knowledge of Ajax is helpful, but if that is an issue, then at least a good working knowledge of JavaScript code is key. The tutorial also assumes you know some key features of a map: distance, coordinates, and scale.
System requirements
Access to a Web server and a valid domain are the only technical requirements for this tutorial. You need permission to add files to the domain. PHP is used for the server-side language, but the server-side code is fairly simple. On the server, you use code to query a database or retrieve data from a service. If these concepts are familiar in any server language, it should an easy task to rewrite the PHP into the server-side language of your choice.
To view the demos included in this tutorial, JavaScript must be enabled in your browser and Macromedia Flash Player 6 or higher must be installed. You can download the latest Flash Player at http://www.macromedia.com/go/getflashplayer/.
Duration
1 hour
Formats html, pdf
|  | |  |