jQuery Pocket Primer (The Pocket Primer Series) by Campesato, Oswald -- Read -- Imperial Library of Trantor

Index

Preface Chapter 1 jQuery Concepts

Using jQuery to Find Elements in Web Pages A “Hello World” Web Page with jQuery Querying and Modifying the DOM with jQuery Find and Modify Elements with :first and :last Qualifiers Finding Elements with :eq, :lt, and :gt Qualifiers Properties versus Attributes in jQuery Finding and Setting Element Attributes Working with Custom Attributes Using jQuery to Remove Elements Creating DOM Elements The jQuery append() and appendTo() methods Useful jQuery Code Blocks Handling Click Events in jQuery Handling Events in jQuery 1.7 and Beyond Chaining jQuery Functions Accelerometer Values with jQuery Summary

Chapter 2 Introduction to CSS3

CSS3 Support and Browser-Specific Prefixes for CSS3 Properties Quick Overview of CSS3 Features CSS3 Pseudo Classes and Attribute Selection CSS3 Pseudo Classes CSS3 Attribute Selection CSS3 Shadow Effects and Rounded Corners Specifying Colors with RGB and HSL CSS3 and Text Shadow Effects CSS3 and Box Shadow Effects CSS3 and Rounded Corners CSS3 Gradients Linear Gradients Radial Gradients CSS3 2D Transforms Rotate Transforms CSS3 Media Queries Additional Code Samples on the CD Summary

Chapter 3 Animation Effects with jQuery and CSS3

Working with CSS3 Selectors in jQuery Basic Animation Effects in jQuery Using Callback Functions jQuery Fade and Slide Animation Effects The fadeIn(), fadeOut() , and fadeToggle() Functions jQuery Slide-Related Functions Easing Functions in jQuery The jQuery .animate() Method Custom CSS Animation Using the .animate() Function CSS3-Based Animation Effects Animation Effects with CSS3 Keyframes and 2D Transforms 2D Transforms with CSS3 and jQuery A Follow-the-Mouse Example with jQuery Handling Other Events with jQuery Handling Mouse Events Handling Keyboard Events Additional Code Samples on the CD Animation: Comparing CSS3 with jQuery Summary

Chapter 4 jQuery UI Controls

Using jQuery 2.0 in this Chapter Accordion Effects Buttons Check Boxes and Radio Buttons Combo Boxes Date Pickers Progress Bars Additional Code Samples on the CD Create “Exploding” Effects Useful Links Summary

Chapter 5 Other HTML5 Technologies

The Stages in the W3C Review Process HTML5 APIs in W3C Recommendation Status (REC) HTML5 Geolocation Obtain a User’s Position with getCurrentPosition() Track a User’s Position with watchPosition() HTML5 Cross-Origin Resource Sharing (CORS) HTML5 APIs in W3C Candidate Recommendation Status (CR) The Battery API XMLHttpRequest Level 2 (XHR2) Making AJAX Calls without jQuery Making AJAX Calls with jQuery AJAX Requests using XMLHttpRequest Level 2 (XHR2) HTML5 Drag and Drop (DnD) jQuery and HTML5 Drag and Drop jQuery and HTML5 Local Storage Libraries for HTML5 Local Storage jQuery and HTML5 File APIs HTML5 History APIs HTML5 Offline Web Applications Detecting Online and Offline Status Summary

Chapter 6 Introduction to Single-Page Applications

What is an SPA? Modern Web Architecture MVC and MV* Patterns Generating Web Pages in SPAs Handling Model-Related Events in SPAs Client-Side Technologies for SPAs BackboneJS A Brief Introduction to BackboneJS What is a Model? Model Changes What is a View? What is a Collection? What is a Router? Useful Links Backbone Boilerplate Variations of BackboneJS EmberJS Twitter Bootstrap Useful Links A Minimalistic SPA Jade Jade Code Samples A Minimal NodeJS Code Sample with Jade Other Templating Solutions MongoDB NodeJS Mongoose Connecting to MongoDB via Mongoose Creating Schemas in Mongoose An SPA Code Sample Summary

Chapter 7 Introduction to jQuery Mobile

Using jQuery 2.0 in This Chapter Overview of jQuery Mobile Key Features and Components in jQuery Mobile A Minimal jQuery Mobile Web Page More Differences between jQuery and jQuery Mobile jQuery Mobile Page Views jQuery Mobile Custom Attributes jQuery Mobile Page Transitions jQuery Mobile and CSS-Related Page Initialization The mobileinit Event jQuery Mobile Options and Customization Page Navigation and Changing Pages The jqmData() Custom Selector Multiple Page Views in One HTML5 Web Page Positioning the Header and Footer in Page Views Working with Buttons in jQuery Mobile Navigation Buttons as Anchor Links Groups of Buttons and Column Grids Rendering Buttons with Themes List Views in jQuery Mobile Additional Code Samples on the CD jQuery Mobile and AJAX jQuery Mobile and Geolocation Summary

Chapter 8 User Gestures and Animation Effects in jQuery Mobile

Handling User Gestures and Events in jQuery Mobile Two jQuery Plugins for Detecting User Gestures Scroll Events in jQuery Mobile Portrait Mode versus Landscape Mode Animation Effects Using jQuery Mobile Fade-related Methods Slide-Related jQuery Methods jQuery Mobile and Transition Effects jQuery Mobile and Animation Effects with CSS3 jQuery Mobile Virtual Mouse Events Additional Code Samples on the CD Accelerometer Values with jQuery Summary

Chapter 9 Introduction to HTML5 Canvas

What is HTML5 Canvas ? HTML5 Canvas versus SVG The HTML5 Canvas Coordinate System Line Segments, Rectangles, Circles, and Shadow Effects HTML5 Canvas Linear Gradients Horizontal, Vertical, and Diagonal Linear Gradients Radial Color Gradients HTML5 Canvas Transforms and Saving State jCanvas : a jQuery Plugin for HTML5 Canvas HTML5 Canvas with CSS3 and jQuery Mobile Additional Code Samples on the CD Other HTML5 Canvas Toolkits Summary

Chapter 10 Using PhoneGap for HTML5 Mobile Apps

HTML5/CSS3 and Android Applications SVG and Android Applications HTML5 Canvas and Android Applications What is PhoneGap? How Does PhoneGap Work? Creating Android Apps with the PhoneGap Plugin Working with HTML5, PhoneGap, and iOS A CSS3 Cube on iOS Using PhoneGap Additional Code Samples on the CD Summary

On the CD-Rom Index