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
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Bundling and minifying resources


The first place to look when trying to make a page load faster is for ways to reduce the number and total size of HTTP requests. The benefits come from the fact that the browser downloads the content in larger chunks instead of spending time waiting for a lot of small round-trips to the server to complete. This is especially beneficial for users with low speed connections such as mobile users.

Resource concatenation is a simple concept that does not need any introduction. This can be done manually but it is preferable to automate this task with a bundling script or introduce a build step for your project. Depending on your development environment, there are different bundling solutions to choose from. If you are using grunt or gulp as part of your development stack, you can use solutions like grunt-contrib-concat (https://github.com/gruntjs/grunt-contrib-concat) and gulp-concat (https://github.com/contra/gulp-concat) respectively.

Minifying JavaScript files...