Tuesday, November 6, 2012

Head First jQuery

Overview
The book gives a lot of pictorial explanation, which makes it easy to read, a good book for jQuery beginners, short and crisp explanations makes it easy to understand the concepts straightforward.

If you want to learn—and understand—how to create interactive web pages, unobtrusive script, and cool animations that don't kill your browser, this book is for you.
Use jQuery with DOM to overcome the limitations of HTML and CSS
Learn how jQuery selectors and actions work together
Write functions and wire them to interface elements
Use jQuery effects to create actions on the page
Make your pages come alive with animation
Build interactive web pages with jQuery and Ajax
Build forms in web applications

Title
Head First jQuery
Author
Ryan Benedetti, Ronan Cranley
Publisher
O'Reilly/ Shroff
Publishing Date
2011
Pages
560
Price
Rs. 650/-
Price @ Flipkart
Rs. 650




Table of Contents

Chapter 1 Getting Started with jQuery: Web Page Action

You want web page power

HTML and CSS are fine, but...

...you need the power of script

Enter jQuery (and JavaScript)!

Look into the browser

The hidden structure of a web page

jQuery makes the DOM less scary

How does that work?

jQuery selects elements the same way CSS does

Style, meet script

jQuery selectors at your service

jQuery in translation

Your first jQuery gig

Set up your HTML and CSS files

Slide on in...

May the fade be with you

That’s it?

You rescued the Furry Friends campaign

Your jQuery Toolbox

Chapter 2 Selectors and Methods: Grab and Go

Jump for Joy needs your help

What are the project requirements?

Dig in with divs

A click event up close

Add the click method to your page

Get more specific

Classing up your elements

ID-entifying elements

Wire up your web page

Meanwhile, back to our list

Creating some storage space

Mix things up with concatenation

Meanwhile, back in the code...

Insert your message with append

Everything works great, but...

Give me $(this) one

Put $ (this) to work

Good riddance with remove

Dig down with descendant selectors

Your turn to jump for joy

Your jQuery Toolbox

Chapter 3 jQuery Events and Functions: Making Things Happen on Your Page

Your jQuery skillz are in demand again

The money man has a point...

Making your page eventful

Behind the scenes of an event listener

Binding an event

Triggering events

Removing an event

Going through the motions elements

Your project structure

Making things function-al

The nuts and bolts of a function

The anonymous function

Named functions as event handlers

Passing a variable to a function

Functions can return a value, too

Use conditional logic to make decisions

Jump for Joy needs even more help

Methods can change the CSS

Add a hover event

You’re almost there...

Your jQuery Toolbox

Chapter 4 jQuery Web Page Manipulation: Mod the DOM

The Webville Eatery wants an interactive menu

Go vegetarian

Class up your elements

Button things up

What’s next?

Swinging through the DOM tree

Traversal methods climb the DOM

Chain methods to climb farther

Variables can store elements, too

There’s that dollar sign again...

Expand your storage options with arrays

Store elements in an array

Change out elements with replaceWith

How can replaceWith help?

Think ahead before using replaceWith

replaceWith doesn’t work for every situation

Insert HTML content into the DOM

Use filter methods to narrow your selections (Part 1)

Use filter methods to narrow your selections (Part 2)

Bring the burger back

Where’s the beef (er...meat)?

A meaty array

The each method loops through arrays

That’s it...right?

Your jQuery Toolbox

Chapter 5 jQuery Effects and Animation: A Little Glide in Your Stride

DoodleStuff needs a web app

Do the Monster Mashup

Monster Mashup needs layout and positioning

A little more structure and style

Make the interface click

Make the lightning effect

How does jQuery animate elements?

Fade effects animate the CSS opacity property

Sliding is all about height

Put fade effects to work

Combine effects with method chains

Striking back with a timed function

Add the lightning functions to your script

DIY effects with animate

What can and can’t be animated

animate changes style over time

From where to where exactly?

Absolute vs. relative element movement

Move stuff relatively with operator combinations

Add the animate functions to your script

Look, Ma, no Flash!

Your jQuery Toolbox

Chapter 6 jQuery and JavaScript: Luke jQuery, I Am Your Father!

Spicing up the Head First Lounge

Objects offer even smarter storage

Build your own objects

Create reusable objects with object constructors

Interacting with objects

Set up the page

The return of arrays

Accessing arrays

Add and update items in arrays

Perform an action over (and over, and over...)

Looking for the needle in a haystack

Decision making time...again!

Comparison and logical operators

Clearing things up with jQuery...

Add some extra excitement

Your jQuery/JavaScript Toolbox

Chapter 7 Custom Functions for Custom Effects: What Have You Done for Me Lately?

A storm is brewing

We’ve created a monster...function

Get control of timed effects with the window object

Respond to browser events with onblur and onfocus

Timer methods tell your functions when to run

Write the stopLightning and goLightning functions

Feature request for Monster Mashup

Let’s get (more) random

You already know the current position...

...and the getRandom function too

Move relative to the current position

Monster Mashup v2 is a hit!

Your jQuery Toolbox

Chapter 8 jQuery and Ajax: Please Pass the Data

Bring the Bit to Byte race into this century

Looking at last year’s page

Getting dynamic

OLD web, meet the NEW web

Understanding Ajax

The X factor

GETting data with the ajax method

Parsing XML data

Scheduling events on a page

Self-referencing functions

Getting more from your server

What time is it?

Turning off scheduled events on your page

Your jQuery/Ajax Toolbox

Chapter 9 Handling JSON Data: Client, Meet Server

Webville MegaCorp’s Marketing Department doesn’t know XML

XML errors break the page

Collect data from a web page

What to do with the data

Format the data before you send it

Send the data to the server

Store your data in a MySQL database

Create your database to store runner info

Anatomy of an insert statement

Use PHP to access the data

Handle POST data on the server

Connect to a database with PHP

Use select to read data from a database

Get data with PHP

JSON to the rescue!

jQuery + JSON = Awesome

A few PHP rules...

A few (more) PHP rules...

Format the output using PHP

Access data in the JSON object

Data sanitization and validation in PHP

Your jQuery/Ajax/PHP/MySQL Toolbox

Chapter 10 jQuery UI: Extreme Form Makeover

Cryptozoologists.org needs a makeover

Pimp your HTML form

Save coding headaches (and time) with jQuery UI

What’s inside the jQuery UI package

Build a date picker into the sightings form

jQuery UI behind the scenes

Widgets have customizable options

Styling up your buttons

Control numerical entries with a slider

Computers mix color using red, green, and blue

Build the refreshSwatch function

One last little thing...

Your jQuery Toolbox

Chapter 11 jQuery and APIs: Objects, Objects Everywhere

Where’s Waldo Sasquatch?

The Google Maps API

APIs use objects

Include Google maps in your page

Getting JSON data with SQL and PHP

Points on a map are markers

Multicreature checklist

Listening for map events

You did it!

Your jQuery API Toolbox

Leaving town...

It’s been great having you in jQueryville!

Appendix Leftovers: The Top Ten Things (We Didn’t Cover)

#1. Every single thing in the jQuery library

#2. jQuery CDNs

#3. The jQuery namespace: noConflict method

#4. Debugging your jQuery code

#5. Advanced animation: queues

#6. Form validation

#7. jQuery UI effects

#8. Creating your own jQuery plug-ins

#9. Advanced JavaScript: closures

#10. Templates

Appendix Set Up a Development Environment: Get Ready for the Big Times

Create a PHP development environment

Find out what you have

Do you have a web server?

Do you have PHP? Which version?

Do you have MySQL? Which version?

Start with the web server

Apache installation...concluded

PHP installation

PHP installation steps

PHP installation steps...concluded

Installing MySQL

Steps to install MySQL on Windows

Enabling PHP on Mac OS X

Steps to install MySQL on Mac OS X




Search Flipkart Products:
Flipkart.com

No comments: