JQuery Design Patterns : Write Elegant, Structured and Efficient JQuery

Packt Publishing, 2016. — 246 p. — ISBN: 978-1-78588-868-7. Код примеров к книге выложен (/file/1938175/) здесь . Learn the best practices on writing efficient jQuery applications to maximize performance in large-scale deployments. Query 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. 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; Abstract complex APIs; 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. 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 book is for existing jQuery Developers or new developers who want to get an understanding of the “correct way” to build jQuery applications, using best practices and industry standard patterns. 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 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 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 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 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

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 book is for existing jQuery Developers or new developers who want to get an understanding of the "correct way" to build jQuery applications, using best practices and industry standard patterns.

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
• Abstract complex APIs
• 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.

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.

Style and approach

The example-oriented guide covers the best and most widely used patterns to help you improve your development with jQuery.

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... Learn the best practices on writing efficient jQuery applications to maximize performance in large-scale deploymentsAbout 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 environmentWho This Book Is ForThis book is for existing jQuery Developers or new developers who want to get an understanding of the correct way to build jQuery applications, using best practices and industry standard patterns. 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 Abstract complex APIs 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 casesIn DetailjQuery 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. Style and approachThe example-oriented guide covers the best and most widely used patterns to help you improve your development with jQuery Packt Publishing, 2016. — 246 p. — ISBN: 978-1-78588-868-7. **Код примеров к книге выложен [здесь](/file/1938175/).****Learn the best practices on writing efficient jQuery applications to maximize performance in large-scale deployments.** Query 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. **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;Abstract complex APIs;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. 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 book is for existing jQuery Developers or new developers who want to get an understanding of the “correct way” to build jQuery applications, using best practices and industry standard patterns. Learn the best practices on writing efficient jQuery applications to maximize performance in large-scale deploymentsKey Features[•] 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 environmentBook DescriptionjQuery 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. 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[•] Abstract complex APIs[•] 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 casesWho this book is forThis book is for existing jQuery Developers or new developers who want to get an understanding of the “correct way” to build jQuery applications, using best practices and industry standard patterns. 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. Thodoris Greasidis is a senior web engineer from Greece. He graduated with honors from the University of Thessaly, holds a polytechnic diploma in computer, networking, and communications engineering, and a master's degree in computer science. He is a full-stack developer, responsible for implementing large-scale web applications with intuitive interfaces and high-availability web services. Thodoris is part of the Angular-UI team and has made many open source contributions, with a special interest in Mozilla projects. He is also an active member of the Athens AngularJS Meetup and a technical reviewer of Mastering jQuery UI, Packt Publishing. He is a JavaScript enthusiast and loves bitwise operations. His interests also include NodeJS, Python, project scaffolding, automation, and artificial intelligence, especially multi-agent systems.