Head First jQuery

Head First jQuery

by Ryan Benedetti, Ronan Cranley


$35.99 $39.99 Save 10% Current price is $35.99, Original price is $39.99. You Save 10%.
View All Available Formats & Editions
Eligible for FREE SHIPPING
  • Want it by Friday, October 19?   Order by 12:00 PM Eastern and choose Expedited Shipping at checkout.
    Same Day shipping in Manhattan. 
    See Details


Head First jQuery by Ryan Benedetti, Ronan Cranley

Want to add more interactivity and polish to your websites? Discover how jQuery can help you build complex scripting functionality in just a few lines of code. With Head First jQuery, you'll quickly get up to speed on this amazing JavaScript library by learning how to navigate HTML documents while handling events, effects, callbacks, and animations. By the time you've completed the book, you'll be incorporating Ajax apps, working seamlessly with HTML and CSS, and handling data with PHP, MySQL and JSON.

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

Product Details

ISBN-13: 9781449393212
Publisher: O'Reilly Media, Incorporated
Publication date: 09/29/2011
Pages: 500
Sales rank: 1,248,867
Product dimensions: 8.00(w) x 9.25(h) x 1.46(d)

About the Author

Ryan Benedetti holds a Master of Fine Arts degree in creative writing from the University of Montana and works as a Web Developer/Multimedia Specialist for the University of Portland. He works with Flash, ActionScript, Adobe's Creative Suite, Drupal, Liferay Portal, and Apache's Jakarta Velocity Templating language.

For seven years, Ryan served as Department Head for Information Technology and Computer Engineering at SKC. Prior to that, he worked as editor and information systems specialist for a river, stream, and wetland research program in the School of Forestry at the University of Montana.

Ryan's poems have been published in Cut Bank and Andrei Codrescu's Exquisite Corpse. He spends his free hours painting, cartooning, playing blues harmonica, making Flash learning toys, and practicing zazen. He spends his best moments with his daughter, his son, and his sweetheart, Shonna, in Portland, OR.

Ronan Cranley is the Senior Web Developer/Systems Manager at University of Portland, Oregon. He has worked on an array of different projects in PHP, VB.Net, C# and Java. These include a client-side GIS system, a homegrown content management system, a calendaring/scheduling system, and a jQuery/Google Maps mashup. Ronan also serves as the SQL Server DBA for the University.

Table of Contents

Advance Praise for Head First jQuery;
Praise for other Head First books;
How to use this book: Intro;
Who is this book for?;
We know what you’re thinking;
And we know what your brain is thinking;
Metacognition: thinking about thinking;
Here’s what WE did;
Here’s what YOU can do to bend your brain into submission;
Read me;
Software requirements;
Download jQuery;
Folder setup;
The technical review team;
Safari® Books Online;
Chapter 1: Getting Started with jQuery: Web Page Action;
1.1 You want web page power;
1.2 HTML and CSS are fine, but...;
1.3 ...you need the power of script;
1.4 Enter jQuery (and JavaScript)!;
1.5 Look into the browser;
1.6 The hidden structure of a web page;
1.7 jQuery makes the DOM less scary;
1.8 How does that work?;
1.9 jQuery selects elements the same way CSS does;
1.10 Style, meet script;
1.11 jQuery selectors at your service;
1.12 jQuery in translation;
1.13 Your first jQuery gig;
1.14 Set up your HTML and CSS files;
1.15 Slide on in...;
1.16 May the fade be with you;
1.17 That’s it?;
1.18 You rescued the Furry Friends campaign;
1.19 Your jQuery Toolbox;
Chapter 2: Selectors and Methods: Grab and Go;
2.1 Jump for Joy needs your help;
2.2 What are the project requirements?;
2.3 Dig in with divs;
2.4 A click event up close;
2.5 Add the click method to your page;
2.6 Get more specific;
2.7 Classing up your elements;
2.8 ID-entifying elements;
2.9 Wire up your web page;
2.10 Meanwhile, back to our list;
2.11 Creating some storage space;
2.12 Mix things up with concatenation;
2.13 Meanwhile, back in the code...;
2.14 Insert your message with append;
2.15 Everything works great, but...;
2.16 Give me $(this) one;
2.17 Put $ (this) to work;
2.18 Good riddance with remove;
2.19 Dig down with descendant selectors;
2.20 Your turn to jump for joy;
2.21 Your jQuery Toolbox;
Chapter 3: jQuery Events and Functions: Making Things Happen on Your Page;
3.1 Your jQuery skillz are in demand again;
3.2 The money man has a point...;
3.3 Making your page eventful;
3.4 Behind the scenes of an event listener;
3.5 Binding an event;
3.6 Triggering events;
3.7 Removing an event;
3.8 Going through the motions elements;
3.9 Your project structure;
3.10 Making things function-al;
3.11 The nuts and bolts of a function;
3.12 The anonymous function;
3.13 Named functions as event handlers;
3.14 Passing a variable to a function;
3.15 Functions can return a value, too;
3.16 Use conditional logic to make decisions;
3.17 Jump for Joy needs even more help;
3.18 Methods can change the CSS;
3.19 Add a hover event;
3.20 You’re almost there...;
3.21 Your jQuery Toolbox;
Chapter 4: jQuery Web Page Manipulation: Mod the DOM;
4.1 The Webville Eatery wants an interactive menu;
4.2 Go vegetarian;
4.3 Class up your elements;
4.4 Button things up;
4.5 What’s next?;
4.6 Swinging through the DOM tree;
4.7 Traversal methods climb the DOM;
4.8 Chain methods to climb farther;
4.9 Variables can store elements, too;
4.10 There’s that dollar sign again...;
4.11 Expand your storage options with arrays;
4.12 Store elements in an array;
4.13 Change out elements with replaceWith;
4.14 How can replaceWith help?;
4.15 Think ahead before using replaceWith;
4.16 replaceWith doesn’t work for every situation;
4.17 Insert HTML content into the DOM;
4.18 Use filter methods to narrow your selections (Part 1);
4.19 Use filter methods to narrow your selections (Part 2);
4.20 Bring the burger back;
4.21 Where’s the beef (er...meat)?;
4.22 A meaty array;
4.23 The each method loops through arrays;
4.24 That’s it...right?;
4.25 Your jQuery Toolbox;
Chapter 5: jQuery Effects and Animation: A Little Glide in Your Stride;
5.1 DoodleStuff needs a web app;
5.2 Do the Monster Mashup;
5.3 Monster Mashup needs layout and positioning;
5.4 A little more structure and style;
5.5 Make the interface click;
5.6 Make the lightning effect;
5.7 How does jQuery animate elements?;
5.8 Fade effects animate the CSS opacity property;
5.9 Sliding is all about height;
5.10 Put fade effects to work;
5.11 Combine effects with method chains;
5.12 Striking back with a timed function;
5.13 Add the lightning functions to your script;
5.14 DIY effects with animate;
5.15 What can and can’t be animated;
5.16 animate changes style over time;
5.17 From where to where exactly?;
5.18 Absolute vs. relative element movement;
5.19 Move stuff relatively with operator combinations;
5.20 Add the animate functions to your script;
5.21 Look, Ma, no Flash!;
5.22 Your jQuery Toolbox;
Chapter 6: jQuery and JavaScript: Luke jQuery, I Am Your Father!;
6.1 Spicing up the Head First Lounge;
6.2 Objects offer even smarter storage;
6.3 Build your own objects;
6.4 Create reusable objects with object constructors;
6.5 Interacting with objects;
6.6 Set up the page;
6.7 The return of arrays;
6.8 Accessing arrays;
6.9 Add and update items in arrays;
6.10 Perform an action over (and over, and over...);
6.11 Looking for the needle in a haystack;
6.12 Decision making time...again!;
6.13 Comparison and logical operators;
6.14 Clearing things up with jQuery...;
6.15 Add some extra excitement;
6.16 Your jQuery/JavaScript Toolbox;
Chapter 7: Custom Functions for Custom Effects: What Have You Done for Me Lately?;
7.1 A storm is brewing;
7.2 We’ve created a monster...function;
7.3 Get control of timed effects with the window object;
7.4 Respond to browser events with onblur and onfocus;
7.5 Timer methods tell your functions when to run;
7.6 Write the stopLightning and goLightning functions;
7.7 Feature request for Monster Mashup;
7.8 Let’s get (more) random;
7.9 You already know the current position...;
7.10 ...and the getRandom function too;
7.11 Move relative to the current position;
7.12 Monster Mashup v2 is a hit!;
7.13 Your jQuery Toolbox;
Chapter 8: jQuery and Ajax: Please Pass the Data;
8.1 Bring the Bit to Byte race into this century;
8.2 Looking at last year’s page;
8.3 Getting dynamic;
8.4 OLD web, meet the NEW web;
8.5 Understanding Ajax;
8.6 The X factor;
8.7 GETting data with the ajax method;
8.8 Parsing XML data;
8.9 Scheduling events on a page;
8.10 Self-referencing functions;
8.11 Getting more from your server;
8.12 What time is it?;
8.13 Turning off scheduled events on your page;
8.14 Your jQuery/Ajax Toolbox;
Chapter 9: Handling JSON Data: Client, Meet Server;
9.1 Webville MegaCorp’s Marketing Department doesn’t know XML;
9.2 XML errors break the page;
9.3 Collect data from a web page;
9.4 What to do with the data;
9.5 Format the data before you send it;
9.6 Send the data to the server;
9.7 Store your data in a MySQL database;
9.8 Create your database to store runner info;
9.9 Anatomy of an insert statement;
9.10 Use PHP to access the data;
9.11 Handle POST data on the server;
9.12 Connect to a database with PHP;
9.13 Use select to read data from a database;
9.14 Get data with PHP;
9.15 JSON to the rescue!;
9.16 jQuery + JSON = Awesome;
9.17 A few PHP rules...;
9.18 A few (more) PHP rules...;
9.19 Format the output using PHP;
9.20 Access data in the JSON object;
9.21 Data sanitization and validation in PHP;
9.22 Your jQuery/Ajax/PHP/MySQL Toolbox;
Chapter 10: jQuery UI: Extreme Form Makeover;
10.1 Cryptozoologists.org needs a makeover;
10.2 Pimp your HTML form;
10.3 Save coding headaches (and time) with jQuery UI;
10.4 What’s inside the jQuery UI package;
10.5 Build a date picker into the sightings form;
10.6 jQuery UI behind the scenes;
10.7 Widgets have customizable options;
10.8 Styling up your buttons;
10.9 Control numerical entries with a slider;
10.10 Computers mix color using red, green, and blue;
10.11 Build the refreshSwatch function;
10.12 One last little thing...;
10.13 Your jQuery Toolbox;
Chapter 11: jQuery and APIs: Objects, Objects Everywhere;
11.1 Where’s Waldo Sasquatch?;
11.2 The Google Maps API;
11.3 APIs use objects;
11.4 Include Google maps in your page;
11.5 Getting JSON data with SQL and PHP;
11.6 Points on a map are markers;
11.7 Multicreature checklist;
11.8 Listening for map events;
11.9 You did it!;
11.10 Your jQuery API Toolbox;
11.11 Leaving town...;
11.12 It’s been great having you in jQueryville!;
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;
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;

Customer Reviews

Most Helpful Customer Reviews

See All Customer Reviews

Head First JQuery 4.7 out of 5 based on 0 ratings. 3 reviews.
m_k_o More than 1 year ago
It might sound strange, but first thing I am grateful to Ryan and Ronan is mentioning TextWrangler in the beginning of the book. This way I got familiar with very simple, useful, and free (free as in free beer) editor for Mac OS I haven't used jQuery before, and I wanted to see what it is all about. First of all, I like to learn by examples - and you got them here. All in one piece - zipped - directly on your hard drive from the Head First Lab web page (each example contains corresponding jQuery library). This is nice. You simply don't have to copy-paste everything you see in the book into your text editor. When it comes to the content. Well, this is always hard thing to judge. I know people who hate Head First series. They say it is not sophisticated enough. I am, on the contrary, a great fan of Head First. jQuery, like any other Head First series book, gives you simple, straight overview of the topic. OK, it will not provide you with as much text as other books, but hey, "A picture is worth a thousand words". And you will find lots of them here. However, if you consider yourself a hacker, don't buy it. It's rather for beginners. If you are a beginner - I'd consider buying it.
seredith More than 1 year ago
The book has a more laid back format than most manuals. They give examples to show how to use the code. It even has quizzes (quit groaning. It isn't like you'll be tested). It covers a lot of material, however they did not cover debugging and they tell you. Don't know the significance as just starting. So far I like the book.
Ken_SF More than 1 year ago
I found this book to be especially well written and I highly recommend it to anyone wanting to learn and understand Ajax. The book is written in a way to guide you through the fundamentals of Ajax all the while putting Ajax in perspective of how it fits in with HTML, Javascript and CSS. After reading this book you should be able to incorporate Ajax into your own projects and feel comfortable with the concepts. You'll also be ready to use a book written more in the style of a reference manual which would be a boring way to learn and wouldn't describe the technology in a way to help you undersstand how it fits in to the overall scheme of web programming. Kudos the the authors. I purchased this book to update my skills and I'm very pleased.