jQuery design patterns
Subtitle: learn the best practices on writing efficient jQuery applications to maximize performance in large-scale deployments
By: Thodoris Greasidis
Series: Community experience distilled; Community experience distilled
Publisher: Packt Publishing
Published: 2016
Place of publication: Birmingham
Language: eng
ISBN-13: 9781785885129; 9781785888687
Subjects: Application software; Document Object Model (Web site development technology); JavaScript (Computer program language); COMPUTERS / Programming Languages / JavaScript
Description: Learn the best practices on writing efficient jQuery applications to maximize performance in large-scale deployments About This Book Learn about the observer pattern and the deferred observer pattern, two of the most popular design patterns that handle custom events Advance your jQuery skills by learning about patterns such as divide and conquer, facade, and builder and factory to handle complex results This step-by-step guide to applying micro-patterns and optimizing jQuery applications will help you get the best performance in a production environment Who This Book Is For This step-by-step guide to applying micro-patterns and optimizing jQuery applications will help you get the best performance in a production environment What You Will Learn Respond to user actions Achieve greater flexibility and code decoupling Have a central point for emitting and receiving application level events Structure the application into small independent modules Structure the application into small independent modules Isolate the procedure of generating complex parts of the application Efficiently orchestrate asynchronous procedures using jQuery Deferred and Promises Utilize the most widely-used client-side templating libraries for more complex use cases In Detail 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. 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. Style and approach 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 pro...
Notes: Includes index.
Table of contents: title: Cover ; Copyright; Credits; About the Author; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: A Refresher on jQuery and the Composite Pattern ; jQuery and DOM scripting; Manipulating the DOM using jQuery; Method Chaining and Fluent Interfaces; The Composite Pattern; How the Composite Pattern is used by jQuery; Comparing the benefits over the plain DOM API; Using the Composite Pattern to develop applications; A sample use case; The Composite Collection Implementation; An example execution; Alternative implementations; The Iterator Pattern; title: How the Iterator Pattern is used by jQueryHow it pairs with the Composite Pattern; Where can it be used; Summary; Chapter 2: The Observer Pattern ; Introducing the Observer Pattern; How it is used by jQuery; The jQuery on method; The document-ready observer; Demonstrate a sample use case; How it is compared with event attributes; Avoid memory leaks; Introducing the Delegated Event Observer Pattern; How it simplifies our code; Compare the memory usage benefits; Summary; Chapter 3: The Publish/Subscribe Pattern ; Introducing the Publish/Subscribe Pattern; title: How it differs from the Observer PatternHow it is adopted by jQuery; Custom events in jQuery; Implementing a Pub/Sub scheme using custom events; Demonstrating a sample use case; Using Pub/Sub on the dashboard example; Extending the implementation; Using any object as a broker; Using custom event namespacing; Summary; Chapter 4: Divide and Conquer with the Module Pattern ; Modules and Namespaces; Encapsulating internal parts of an implementation; Avoiding global variables with Namespaces; The benefits of these patterns; The wide acceptance; The Object Literal Pattern; The Module Pattern; title: The IIFE building blockThe simple IIFE Module Pattern; How it is used by jQuery; The Namespace Parameter Module variant; The IIFE-contained Module variant; The Revealing Module Pattern; Using ES5 Strict Mode; Introducing ES6 Modules; Using Modules in jQuery applications; The main dashboard module; The categories module; The informationBox module; The counter module; Overview of the implementation; Summary; Chapter 5: The Facade Pattern ; Introducing the Facade Pattern; The benefits of this pattern; How it is adopted by jQuery; The jQuery DOM Traversal API; title: The property access and manipulation APIUsing Facades in our applications; Summary; Chapter 6: The Builder and Factory Patterns ; Introducing the Factory Pattern; How it is adopted by jQuery; Using Factories in our applications; Introducing the Builder Pattern; How it is adopted by jQuery's API; How it is used by jQuery internally; How to use it in our applications; Summary; Chapter 7: Asynchronous Control Flow Patterns ; Programming with callbacks; Using simple callbacks in JavaScript; Setting callbacks as object properties; Using callbacks in jQuery applications