book

jQuery Design Patterns

by Thodoris Greasidis

February 2016

Intermediate to advanced

246 pages

5h 35m

English

Packt Publishing

Read now

Unlock full access

eBooks, discount offers, and moreWhy subscribe?
What this book covers

Downloading the example codeErrataPiracyQuestions
jQuery and DOM scriptingManipulating the DOM using jQueryMethod Chaining and Fluent Interfaces
How the Composite Pattern is used by jQueryComparing the benefits over the plain DOM APIUsing the Composite Pattern to develop applicationsA sample use caseThe Composite Collection ImplementationAn example executionAlternative implementations
How the Iterator Pattern is used by jQueryHow it pairs with the Composite PatternWhere can it be used
Introducing the Observer PatternHow it is used by jQueryThe jQuery on methodThe document-ready observerDemonstrate a sample use caseHow it is compared with event attributesAvoid memory leaks
How it simplifies our codeCompare the memory usage benefits
Introducing the Publish/Subscribe PatternHow it differs from the Observer Pattern
Custom events in jQueryImplementing a Pub/Sub scheme using custom events
Using Pub/Sub on the dashboard exampleExtending the implementationUsing any object as a broker
Modules and NamespacesEncapsulating internal parts of an implementationAvoiding global variables with NamespacesThe benefits of these patternsThe wide acceptance
The IIFE building blockThe simple IIFE Module PatternHow it is used by jQueryThe Namespace Parameter Module variantThe IIFE-contained Module variant
The main dashboard moduleThe categories moduleThe informationBox moduleThe counter moduleOverview of the implementation
Introducing the Facade Pattern
The jQuery DOM Traversal APIThe property access and manipulation API
Introducing the Factory PatternHow it is adopted by jQueryUsing Factories in our applications
How it is adopted by jQuery's APIHow it is used by jQuery internallyHow to use it in our applications
Programming with callbacksUsing simple callbacks in JavaScriptSetting callbacks as object propertiesUsing callbacks in jQuery applicationsWriting methods that accept callbacksOrchestrating callbacksQueuing in order executionAvoiding the Callback Hell anti-patternRunning concurrently
Using PromisesUsing the jQuery Promise APIUsing Promises/A+Comparing jQuery and A+ PromisesAdvanced concepts
Handling thrown errorsJoining PromisesHow jQuery uses PromisesTransforming Promises to other typesTransforming to Promises/A+Transforming to jQuery PromisesSummarizing the benefits of Promises
Introducing the Mock Object Pattern
Defining the actual service requirementsImplementing a Mock ServiceUsing the Mock Service
Introducing Underscore.jsUsing Underscore.js templates in our applicationsSeparating HTML templates from JavaScript code
Using Handlebars.js in our applicationsSeparating HTML templates from JavaScript codePre-compiling templates
Adopting it in an existing implementationModeration is best in all things
Introducing jQuery PluginsFollowing jQuery principlesWorking on Composite Collection ObjectsAllowing further chainingWorking with $.noConflict()Wrapping with an IIFE
Accepting configuration parametersWriting stateful jQuery pluginsImplementing a stateful jQuery PluginDestroying a plugin instanceImplementing getter and setter methodsUsing our plugin in our Dashboard application
Adding methods to your plugin
Placing scripts near the end of the page
Using IIFE parameters
Using JSDelivr API
Writing better for loops
Minimizing DOM traversalsCaching jQuery objectsScoping element traversalsChaining jQuery methodsDon't overdo itImproving DOM manipulationsCreating DOM elementsStyling and animatingManipulating detached elementsIntroducing the Flyweight PatternUsing Delegate ObserversUsing $.noop()Using the $.single plugin

Overview

"jQuery Design Patterns" is your comprehensive guide to mastering design patterns in the context of jQuery development. Through practical examples and step-by-step instructions, you will learn how to apply proven patterns like observer, facade, and builder to enhance your code structure, efficiency, and maintainability.

What this Book will help me do

Master key design patterns such as observer, publisher/subscriber, and facade.
Learn to structure your code with the divide and conquer strategy using the module pattern.
Optimize asynchronous operations using jQuery Deferred and Promises.
Adopt advanced templating strategies and client-side templating libraries.
Develop efficient, maintainable jQuery plugins and widgets.

Author(s)

None Greasidis is a seasoned software developer specializing in JavaScript and jQuery with over a decade of professional experience. He has written extensively on applying design patterns to practical development challenges. None is passionate about teaching developers how to write elegant, maintainable, and efficient code.

Who is it for?

This book is aimed at web developers who already have a basic understanding of jQuery and are looking to deepen their skills. If you're an experienced frontend developer aiming to adopt best practices in jQuery application development, this book is for you. Newer developers keen on understanding advanced jQuery topics will also find it valuable, provided they have foundational knowledge.