Shredder Tips : Mustache.js for Cleaner JavaScript

This post is the first in a series that I will be writing to share some of the techniques and tools we use at Byte Shredders.  The intended audience of this series is software and web developers of all skill levels.  I am always learning about new programming styles, tools, and shortcuts.  I hope to share with the programming community some of the knowledge that I've gathered from reading other blogs and working with clients (not to mention looking at Stack Overflow!).

Beautiful, easy to understand code - something every software craftsman strives for.  The last few months, I've been focused on improving the readability of my JavaScript.  Generating and displaying web page content after the page has first loaded can become quite messy.  To solve this problem, I started looking into client side template systems.  My favorite solution is mustache.js - named after the look of the curly brace syntax.  I've used it in a few projects already, and I've been satisfied with the results.