book

Pro jQuery

by Adam Freeman

February 2012

Intermediate to advanced

1016 pages

22h 47m

English

Apress

Read now

Unlock full access

Understanding jQuery UI and jQuery MobileUnderstanding jQuery PluginsWhat Do I Need to Know?What Is the Structure of This Book?Are There Lots of Examples?Where Can I Get the Example Code?What Software Do I Need for This Book?Image AttributionSummary
Introducing a Basic HTML DocumentUnderstanding the Anatomy of an HTML ElementUnderstanding AttributesUnderstanding Element ContentUnderstanding Void ElementsUnderstanding the Document StructureUnderstanding the Element HierarchyUnderstanding the Document Object ModelSummary

Getting Started with CSSSetting an Inline ValueDefining an Embedded StyleDefining an External Style SheetUnderstanding CSS SelectorsUnderstanding Style CascadingUnderstanding CSS UnitsUsing Shorthand Properties and Custom ValuesSummary
Getting Ready to Use JavaScriptUsing StatementsDefining and Using FunctionsUsing Variables and TypesUsing JavaScript OperatorsWorking with ArraysHandling ErrorsComparing undefined and null ValuesSummary
Setting Up jQueryA First jQuery ScriptUnderstanding the jQuery $ FunctionWaiting for the Document Object ModelSelecting ElementsUnderstanding the Selection ResultModifying Multiple Elements and Chaining Method CallsHandling EventsSummary
Expanding the SelectionNarrowing the SelectionMapping the SelectionTesting the SelectionChanging and Then Unwinding the SelectionNavigating the DOMSummary
Creating New ElementsInserting Child and Descendant ElementsInserting Parent and Ancestor ElementsInserting Sibling ElementsReplacing ElementsRemoving ElementsSummary
Working with Attributes and PropertiesWorking with ClassesWorking with CSSWorking with Element ContentWorking with Form ElementsAssociating Data with ElementsSummary
Handling EventsPerforming Live Event BindingManually Invoking Event HandlersUsing the Event Shorthand MethodsSummary
Using the Basic EffectsUsing the Slide EffectsUsing the Fade EffectsCreating Custom EffectsCreating and Managing the Effect QueueEnabling and Disabling Effect AnimationsSummary
Reviewing the Example DocumentAdding Additional Flower ProductsAdding the Carousel ButtonsDealing with the Submit ButtonImplementing the Carousel Event Handler FunctionsTotaling the Product SelectionDisabling JavaScriptSummary
Understanding the Problem That Templates SolveSetting Up the jQuery Templates LibraryA First Data Templates ExampleUsing the Template VariablesUsing Nested TemplatesUsing Conditional TemplatesControlling Iteration Over ArraysDisabling HTML EncodingManipulating Templates from Event Handler FunctionsSummary
Preparing the Node.js ServerRecapping the Form Event MethodsValidating Form ValuesSummary
Using the Ajax Shorthand MethodsAvoiding the Most Common Ajax PitfallUsing the Type-Specific Convenience MethodsUsing the Ajax Forms PluginSummary
Making a Simple Ajax Request with the Low-Level APIUnderstanding the jqXHR ObjectSetting the Request URLMaking a POST RequestHandling Ajax EventsUsing the Global Ajax EventsConfiguring the Basic Settings for an Ajax RequestUsing More Advanced Configuration SettingsSetting Up and Filtering Ajax RequestsSummary
Reviewing the Refactored ExampleUpdating the Node.js ScriptPreparing for AjaxSourcing the Product InformationAdding Form ValidationSubmitting the Form Data Using AjaxProcessing the Server ResponseSummary
Obtaining jQuery UIInstalling jQuery UI for DevelopmentInstalling jQuery UI for ProductionSummary
Using the jQuery UI ButtonCreating Different Types of ButtonUsing the jQuery UI Progress BarUsing the jQuery UI SliderSummary
Using jQuery UI AutocompleteUsing the jQuery UI AccordionSummary
Creating the TabsGetting Tab Content with AjaxConfiguring the jQuery UI TabsUsing the jQuery UI Tabs MethodsUsing the jQuery UI Tabs EventsSummary
Creating the DatepickerConfiguring the DatepickerUsing the Datepicker MethodsUsing the Datepicker EventsLocalizing Date SelectionSummary
Creating the DialogConfiguring the DialogUsing the Dialog MethodsUsing the Dialog EventsSummary
Creating the Draggable InteractionUsing the Droppable InteractionTuning Drag and DropSummary
Using the Sortable InteractionUsing the Selectable InteractionUsing the Resizable InteractionSummary
Reviewing the Refactored ExampleDisplaying the ProductsAdding the Shopping BasketApplying the Theme StyleCreating the jQuery UI ButtonAdding the Completion DialogHandling the Place Order Button ClickCompleting the OrderSummary
Setting Up jQuery MobileUnderstanding the jQuery Mobile ApproachWorking with Mobile DevicesSummary
Understanding jQuery Mobile PagesUsing Scripting to Control jQuery Mobile PagesUsing Page EventsSummary
Creating DialogsApplying ThemesCreating Grid LayoutsSummary
Using jQuery Mobile ButtonsUsing Collapsible Content BlocksSummary
Understanding Automatically Created Form ElementsUsing Select ElementsCreating Check BoxesCreating Radio ButtonsUsing Range SlidersSummary
Getting Started with ListsFormatting ListsFormatting List ItemsSummary
Starting with the BasicsInserting Products ProgrammaticallyCreating the Shopping BasketImplementing the Checkout ProcessSummary
Queues Revisited: Using General-Purpose QueuesUtility Methods for ArraysUtility Methods for TypesUtility Methods for DataOther Utility MethodsSummary
Using the jQuery UI EffectsUsing the jQuery UI CSS FrameworkSummary
A First Deferred Objects ExampleUsing Other CallbacksUsing Multiple CallbacksUsing the Outcomes of Multiple Deferred ObjectsProviding Progress InformationGetting Information about a Deferred ObjectUsing Ajax Deferred ObjectsSummary

Overview

jQuery is one of the most popular and powerful JavaScript libraries available today. It's widely used to create rich user experiences and to simplify website and application development. It is the tool of choice for web developers everywhere and sets the standard for simplicity, flexibility and extensibility.

In Pro jQuery, seasoned author Adam Freeman explains how to get the most from jQuery by focusing on the features you need for your project. He starts with the nuts and bolts and shows you everything through to advanced features, going in depth to give you the knowledge you need. Getting the most from jQuery is essential to truly mastering web development.

What you'll learn

Understand the capabilities of jQuery and why it is special
Use the core of jQuery to enrich HTML, including tables, forms and data displays
Use jQuery UI to create rich and fluid user experiences
Use rich interactions such as drag and drop, sortable data and touch sensitivity
Use jQuery Mobile to create touch-enabled interfaces for mobile devices and tablets
Extend jQuery by creating custom plugins and widgets

Each topic is covered clearly and concisely, and is packed with the details you'll need to learn to be truly effective with jQuery. The most important features are given a no-nonsense, in-depth treatment, and chapters contain examples that demonstrate both the power and the subtlety of jQuery.

Who this book is for

This book is for working developers who want to learn about jQuery in detail. Quick refreshers of HTML and CSS are given to help you get up to speed, but a good working knowledge of the basics is assumed.