The goal of this section is to demonstrate Idioms and Design Patterns in a more realistic context. These pages are client only; any Ajax access to the server has been mocked with a tool called fauxServer. Several pages make use of the popular Backbone MVC Framework. The charting is implemented with the flot library and the mapping with Google maps.

There are many things you can build with JavaScript. The next 6 Patterns-in-Action examples in this section represent a sampling of the more common uses in web app development: Dashboard (charting), record management with CRUD (create, read, update, and delete), search, pagination, mapping, and an SPA (single page application). Most apps today feature one or more of these items. Feel free to use these examples as a starting point in your own projects.

When reviewing the code you'll see that numerous Idioms and Design Patterns have been used. Special // ** comments (with two asterisks) are included to make it easy to locate these patterns. A final note: we did not set out to cram as many patterns into a single page; what you see here is fairly representative of real-world, pattern-based application code.