The Pocket Primer Series - Oswald Campesato - jQuery Pocket Primer [2015, PDF/ePub/mobi, ENG]

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