As an experienced jQuery plugin developer and the operator of a website devoted to jQuery education, I have had many opportunities to talk with other developers and understand what works and what doesn’t when it comes to learning how to build plugins. This short guide is intended to quickly get you up to speed with core concepts, which enable you to start building plugins of your own. Experienced developers know that well-written jQuery plugins can reduce bugs, increase efficiency, improve collaboration, and save time. In jQuery Plugin Development in 30 Minutes, I'll show you how to write clean and efficient jQuery plugins that are easy to maintain and collaborate on. While jQuery Plugin Development in 30 Minutes is intended for people who already have some experience with JavaScript and jQuery, most of the concepts in the guide will not require any advanced knowledge. Topics include: <ul>
<li>Creating a plugin</li> <li>Prototyping</li> <li>Generate, Init, and Destroy</li> <li>Handling events</li> <li>Plugin options</li> <li>Setters and Getters</li> <li>Styling, CSS, and themes</li> <li>Callbacks</li> <li>Browser and mobile support</li> <li>File organization and versioning</li> <li>Boilerplate</li>
</ul>
I've also included bonus content, including sections on jQuery methods, utilities, selectors, and events, as well as a jQuery glossary. jQuery Plugin Development in 30 Minutes really is intended to be a short but productive read -- my intention is to avoid the fluff and filler that make up 80% of most programming books, and just get straight to the point! The full table of contents is below: Introduction <ul>
<li>About This Guide</li> <li>Why jQuery Plugins?</li>
</ul>
Section 01: Creation <ul>
<li>Naming</li> <li>Closures</li> <li>Plugin Function</li> <li>Summary</li>
</ul>
Section 02: Prototyping <ul>
<li>The Main Loop</li> <li>The get() Method</li> <li>Plugin Class</li> <li>Prototyping</li> <li>Summary</li>
</ul>
Section 03: Conventions <ul>
<li>Generate</li> <li>Destroy</li> <li>Init</li> <li>$var</li> <li>Private Functions</li> <li>This &amp; That</li> <li>$.proxy()</li> <li>Summary</li>
</ul>
Section 04: Events <ul>
<li>Note on .hover()</li> <li>e.currentTarget vs e.target</li> <li>Disabling Event Bubbling</li> <li>Naming Events</li> <li>Naming Functions</li> <li>Summary</li>
</ul>
Section 05: Options <ul>
<li>Default Options</li> <li>Plugin Options</li> <li>Additional Options</li> <li>Data Options</li> <li>Advanced Options Setter</li> <li>Summary</li>
</ul>
Section 06: Setters and Getters <ul>
<li>Setters</li> <li>Getters</li> <li>Methods</li> <li>The Routine</li> <li>Auto-Creation</li> <li>Summary</li>
</ul>
Section 07: CSS and Themes <ul>
<li>Naming</li> <li>CSS</li> <li>Setting Themes</li> <li>Multiple Themes</li> <li>Summary</li>
</ul>
Section 08: Effects <ul>
<li>States</li> <li>Controller</li> <li>Summary</li>
</ul>
Section 09: Callbacks <ul>
<li>Setup</li> <li>Ajax</li> <li>Naming</li> <li>Summary</li>
</ul>
Section 10: Browser and Mobile Support <ul>
<li>Browser Support</li> <li>Extending $.support</li> <li>Mobile Support</li> <li>Summary</li>
</ul>
Section 11: File Organization <ul>
<li>Simple</li> <li>With Grunt</li> <li>Git</li> <li>Versioning</li> <li>Summary</li>
</ul>
Section 12: Boilerplate Section 13: Conclusion Bonus Content Section 14: jQuery Methods Section 15: jQuery Utilities Section 16: jQuery Selectors Section 17: jQuery Events Glossary

jQuery Plugin Development in 30 Minutes: How to build jQuery plugins that are easy to maintain, update, and collaborate on

Robert Duchnik

In 30 Minutes® Guides

See the best price to sell, buy, or rent books by Robert Duchnik. BookScouter helps to compare book prices from 25+ online bookstores and 30+ buyback vendors with a single search.

Books by Robert Duchnik

See the best price to sell, buy, or rent books by Robert Duchnik. BookScouter helps to compare book prices from 25+ online bookstores and 30+ buyback vendors with a single search.

jQuery Plugin Development in 30 Minutes: How to build jQuery plugins that are easy to maintain, update, and collaborate on