Book Image

jQuery Design Patterns

By : Thodoris Greasidis
Book Image

jQuery Design Patterns

By: Thodoris Greasidis

Overview of this book

jQuery is a feature-rich JavaScript library that makes HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a variety of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. jQuery solves the problems of DOM manipulation, event detection, AJAX calls, element selection and document queries, element attribute and data management, as well as object management utilities. This book addresses these problems and shows you how to make the best of jQuery through the various design patterns available. The book starts off with a refresher to jQuery and will then take you through the different design patterns such as facade, observer, publisher/subscriber, and so on. We will also go into client-side templating techniques and libraries, as well as some plugin development patterns. Finally, we will look into some best practices that you can use to make the best of jQuery.
Table of Contents (18 chapters)
jQuery Design Patterns
About the Author
About the Reviewer

Chapter 9. Client-side Templating

This chapter will demonstrate some of the most widely used libraries to create complex HTML templates faster, while making our implementation easier to read and understand when compared to traditional string concatenation techniques. We will learn in more detail how to use the Underscore.js and Handlebars.js templating libraries, get a taste of their conventions, evaluate their features and find the one that best suits our taste.

By the end of this chapter, we will be able to generate complex HTML structures in the browser efficiently by using readable templates and utilizing the unique characteristics of each templating library.

In this chapter, we will:

  • Discuss the benefits of using a specialized templating library

  • Introduce the current trends in client-side templating, specifically the top representative of the families that use <% %> and {{ }} as their placeholders

  • Introduce Underscore.js as an example of the family of templating engines that use &lt...