You are previewing Head First jQuery.

Head First jQuery

Cover of Head First jQuery by Ryan Benedetti... Published by O'Reilly Media, Inc.
  1. Head First jQuery
  2. Dedication
  3. A Note Regarding Supplemental Files
  4. Advance Praise for Head First jQuery
  5. Praise for other Head First books
  6.  
  7. How to use this book: Intro
    1. Who is this book for?
      1. Who should probably back away from this book?
    2. We know what you’re thinking
    3. And we know what your brain is thinking
    4. Metacognition: thinking about thinking
    5. Here’s what WE did
    6. Here’s what YOU can do to bend your brain into submission
    7. Read me
    8. Software requirements
    9. Download jQuery
    10. Folder setup
    11. The technical review team
    12. Acknowledgments
    13. Safari® Books Online
  8. 1. Getting Started with jQuery: Web Page Action
    1. You want web page power
    2. HTML and CSS are fine, but...
    3. ...you need the power of script
    4. Enter jQuery (and JavaScript)!
    5. Look into the browser
    6. The hidden structure of a web page
    7. jQuery makes the DOM less scary
    8. How does that work?
      1. Introducing the jQuery function (and shortcut)
    9. jQuery selects elements the same way CSS does
    10. Style, meet script
    11. jQuery selectors at your service
    12. jQuery in translation
    13. Your first jQuery gig
      1. Revisit your requirements
    14. Set up your HTML and CSS files
    15. Slide on in...
    16. May the fade be with you
    17. That’s it?
    18. You rescued the Furry Friends campaign
    19. Your jQuery Toolbox
  9. 2. Selectors and Methods: Grab and Go
    1. Jump for Joy needs your help
    2. What are the project requirements?
    3. Dig in with divs
    4. A click event up close
    5. Add the click method to your page
    6. Get more specific
    7. Classing up your elements
    8. ID-entifying elements
    9. Wire up your web page
    10. Meanwhile, back to our list
    11. Creating some storage space
    12. Mix things up with concatenation
    13. Meanwhile, back in the code...
    14. Insert your message with append
    15. Everything works great, but...
    16. Give me $(this) one
    17. Put $ (this) to work
    18. Good riddance with remove
    19. Dig down with descendant selectors
    20. Your turn to jump for joy
    21. Your jQuery Toolbox
  10. 3. jQuery Events and Functions: Making Things Happen on Your Page
    1. Your jQuery skillz are in demand again
    2. The money man has a point...
    3. Making your page eventful
    4. Behind the scenes of an event listener
    5. Binding an event
      1. Method 1
      2. Method 2
    6. Triggering events
    7. Removing an event
      1. To remove one event
      2. To remove all events
    8. Going through the motions elements
    9. Your project structure
    10. Making things function-al
    11. The nuts and bolts of a function
      1. Giving functions names
    12. The anonymous function
    13. Named functions as event handlers
      1. Function declaration
      2. Function expression
    14. Passing a variable to a function
    15. Functions can return a value, too
    16. Use conditional logic to make decisions
    17. Jump for Joy needs even more help
    18. Methods can change the CSS
    19. Add a hover event
    20. You’re almost there...
    21. Your jQuery Toolbox
  11. 4. jQuery Web Page Manipulation: Mod the DOM
    1. The Webville Eatery wants an interactive menu
    2. Go vegetarian
    3. Class up your elements
    4. Button things up
    5. What’s next?
    6. Swinging through the DOM tree
    7. Traversal methods climb the DOM
    8. Chain methods to climb farther
    9. Variables can store elements, too
    10. There’s that dollar sign again...
    11. Expand your storage options with arrays
    12. Store elements in an array
    13. Change out elements with replaceWith
    14. How can replaceWith help?
    15. Think ahead before using replaceWith
    16. replaceWith doesn’t work for every situation
      1. One–to–many substitution
      2. Many–to–one substitution
    17. Insert HTML content into the DOM
    18. Use filter methods to narrow your selections (Part 1)
    19. Use filter methods to narrow your selections (Part 2)
    20. Bring the burger back
    21. Where’s the beef (er...meat)?
    22. A meaty array
    23. The each method loops through arrays
    24. That’s it...right?
    25. Your jQuery Toolbox
  12. 5. jQuery Effects and Animation: A Little Glide in Your Stride
    1. DoodleStuff needs a web app
    2. Do the Monster Mashup
    3. Monster Mashup needs layout and positioning
    4. A little more structure and style
    5. Make the interface click
    6. Make the lightning effect
    7. How does jQuery animate elements?
      1. hide, show, and toggle change the CSS display property
    8. Fade effects animate the CSS opacity property
    9. Sliding is all about height
    10. Put fade effects to work
    11. Combine effects with method chains
    12. Striking back with a timed function
    13. Add the lightning functions to your script
    14. DIY effects with animate
      1. Motion effects
      2. Scale effects
    15. What can and can’t be animated
      1. Text effects
    16. animate changes style over time
    17. From where to where exactly?
    18. Absolute vs. relative element movement
      1. Relative animation = move it this much each time
    19. Move stuff relatively with operator combinations
    20. Add the animate functions to your script
    21. Look, Ma, no Flash!
    22. Your jQuery Toolbox
  13. 6. jQuery and JavaScript: Luke jQuery, I Am Your Father!
    1. Spicing up the Head First Lounge
    2. Objects offer even smarter storage
    3. Build your own objects
      1. UML diagram of an object
    4. Create reusable objects with object constructors
    5. Interacting with objects
    6. Set up the page
    7. The return of arrays
    8. Accessing arrays
    9. Add and update items in arrays
    10. Perform an action over (and over, and over...)
    11. Looking for the needle in a haystack
    12. Decision making time...again!
    13. Comparison and logical operators
    14. Clearing things up with jQuery...
      1. ... is even easier in JavaScript
    15. Add some extra excitement
    16. Your jQuery/JavaScript Toolbox
  14. 7. Custom Functions for Custom Effects: What Have You Done for Me Lately?
    1. A storm is brewing
    2. We’ve created a monster...function
    3. Get control of timed effects with the window object
    4. Respond to browser events with onblur and onfocus
    5. Timer methods tell your functions when to run
    6. Write the stopLightning and goLightning functions
    7. Feature request for Monster Mashup
    8. Let’s get (more) random
    9. You already know the current position...
    10. ...and the getRandom function too
    11. Move relative to the current position
      1. Scenario 1: target > current
      2. Scenario 2: target < current
    12. Monster Mashup v2 is a hit!
    13. Your jQuery Toolbox
  15. 8. jQuery and Ajax: Please Pass the Data
    1. Bring the Bit to Byte race into this century
    2. Looking at last year’s page
      1. Configuring a plug-in
    3. Getting dynamic
    4. OLD web, meet the NEW web
      1. Enter Ajax
    5. Understanding Ajax
    6. The X factor
      1. XML doesn’t DO anything
    7. GETting data with the ajax method
    8. Parsing XML data
    9. Scheduling events on a page
    10. Self-referencing functions
    11. Getting more from your server
      1. Server-side languages to the rescue!
    12. What time is it?
    13. Turning off scheduled events on your page
    14. Your jQuery/Ajax Toolbox
  16. 9. Handling JSON Data: Client, Meet Server
    1. Webville MegaCorp’s Marketing Department doesn’t know XML
    2. XML errors break the page
    3. Collect data from a web page
    4. What to do with the data
    5. Format the data before you send it
    6. Send the data to the server
    7. Store your data in a MySQL database
    8. Create your database to store runner info
    9. Anatomy of an insert statement
    10. Use PHP to access the data
    11. Handle POST data on the server
    12. Connect to a database with PHP
    13. Use select to read data from a database
    14. Get data with PHP
    15. JSON to the rescue!
    16. jQuery + JSON = Awesome
    17. A few PHP rules...
      1. PHP basics
      2. Rules for variables
      3. Rules for loops
    18. A few (more) PHP rules...
      1. Rules for arrays
      2. Rules for conditionals
      3. Rules for writing to the screen
    19. Format the output using PHP
    20. Access data in the JSON object
    21. Data sanitization and validation in PHP
      1. Use the same PHP file for multiple purposes
    22. Your jQuery/Ajax/PHP/MySQL Toolbox
  17. 10. jQuery UI: Extreme Form Makeover
    1. Cryptozoologists.org needs a makeover
    2. Pimp your HTML form
    3. Save coding headaches (and time) with jQuery UI
    4. What’s inside the jQuery UI package
      1. Our project checklist
    5. Build a date picker into the sightings form
    6. jQuery UI behind the scenes
    7. Widgets have customizable options
      1. Customize the datepicker with options
      2. The datepicker works!
      3. Check it off
    8. Styling up your buttons
      1. Grouping button widgets
    9. Control numerical entries with a slider
      1. The HTML for a slider widget
      2. The jQuery script for a slider widget
    10. Computers mix color using red, green, and blue
      1. Your sliders need to do the same
    11. Build the refreshSwatch function
    12. One last little thing...
    13. Your jQuery Toolbox
  18. 11. jQuery and APIs: Objects, Objects Everywhere
    1. Where’s Waldo Sasquatch?
    2. The Google Maps API
    3. APIs use objects
    4. Include Google maps in your page
    5. Getting JSON data with SQL and PHP
    6. Points on a map are markers
    7. Multicreature checklist
    8. Listening for map events
    9. You did it!
    10. Your jQuery API Toolbox
    11. Leaving town...
    12. It’s been great having you in jQueryville!
  19. A. Leftovers: The Top Ten Things (We Didn’t Cover)
    1. #1. Every single thing in the jQuery library
      1. jQuery methods
      2. jQuery selectors
    2. #2. jQuery CDNs
    3. #3. The jQuery namespace: noConflict method
    4. #4. Debugging your jQuery code
    5. #5. Advanced animation: queues
    6. #6. Form validation
    7. #7. jQuery UI effects
    8. #8. Creating your own jQuery plug-ins
    9. #9. Advanced JavaScript: closures
    10. #10. Templates
  20. B. Set Up a Development Environment: Get Ready for the Big Times
    1. Create a PHP development environment
    2. Find out what you have
    3. Do you have a web server?
    4. Do you have PHP? Which version?
    5. Do you have MySQL? Which version?
    6. Start with the web server
    7. Apache installation...concluded
    8. PHP installation
    9. PHP installation steps
    10. PHP installation steps...concluded
    11. Installing MySQL
      1. Instructions and troubleshooting
    12. Steps to install MySQL on Windows
      1. Download your installer
      2. Pick a destination folder
    13. Enabling PHP on Mac OS X
    14. Steps to install MySQL on Mac OS X
      1. Download your installer
      2. Run the package installer
  21. Index
  22. About the Authors
  23. Copyright
O'Reilly logo

How to use this book: Intro

image with no caption

In this section, we answer the burning question: “So why DID they put that in a jQuery book?”

Who is this book for?

If you can answer “yes” to all of these:

  1. Do you have previous web design or development experience?

    Note

    It definitely helps if you’ve already got some scripting chops, too. Experience with JavaScript is helpful, but definitely not required.

  2. Do you want to learn, understand, remember, and apply important jQuery and JavaScript concepts so that you can make your web pages more interactive and exciting?

  3. Do you prefer stimulating dinner-party conversation to dry, dull, academic lectures?

this book is for you.

Who should probably back away from this book?

If you can answer “yes” to any of these:

  1. Are you completely new to web development?

    Note

    Check out Head First HTML with CSS & XHTML for an excellent introduction to web development, and then come back and join us in jQueryville.

  2. Are you already developing web apps and looking for a reference book on jQuery?

  3. Are you afraid to try something different? Would you rather have a root canal than mix stripes with plaid? Do you believe that a technical book can’t be serious if Bigfoot is in it?

this book is not for you.

image with no caption

[Note from Marketing: This book is for anyone with a credit card. Or cash. Cash is nice, too. —Ed]

We know what you’re thinking

“How can this be a serious jQuery development book?”

“What’s with all the graphics?”

“Can I actually learn it this way?”

And we know what your brain is thinking

Your brain craves novelty. It’s always searching, scanning, waiting for something unusual. It was built that way, and it helps you stay alive.

So what does your brain do with all the routine, ordinary, normal things you encounter? Everything it can to stop them from interfering with the brain’s real job—recording things that matter. It doesn’t bother saving the boring things; they never make it past the “this is obviously not important” filter.

How does your brain know what’s important? Suppose you’re out for a day hike and a tiger jumps in front of you. What happens inside your head and body?

Neurons fire. Emotions crank up. Chemicals surge.

And that’s how your brain knows...

image with no caption

This must be important! Don’t forget it!

But imagine you’re at home or in a library. It’s a safe, warm, tiger-free zone. You’re studying. Getting ready for an exam. Or trying to learn some tough technical topic your boss thinks will take a week, 10 days at the most.

Just one problem. Your brain’s trying to do you a big favor. It’s trying to make sure that this obviously unimportant content doesn’t clutter up scarce resources. Resources that are better spent storing the really big things. Like tigers. Like the danger of fire. Like how you should never again snowboard in shorts.

And there’s no simple way to tell your brain, “Hey, brain, thank you very much, but no matter how dull this book is, and how little I’m registering on the emotional Richter scale right now, I really do want you to keep this stuff around.”

image with no caption

Metacognition: thinking about thinking

If you really want to learn, and you want to learn more quickly and more deeply, pay attention to how you pay attention. Think about how you think. Learn how you learn.

Most of us did not take courses on metacognition or learning theory when we were growing up. We were expected to learn, but rarely taught to learn.

But we assume that if you’re holding this book, you really want to learn about jQuery. And you probably don’t want to spend a lot of time. And since you’re going to work with it more in the future, you need to remember what you read. And for that, you’ve got to understand it. To get the most from this book, or any book or learning experience, take responsibility for your brain. Your brain on this content.

The trick is to get your brain to see the new material you’re learning as Really Important. Crucial to your well-being. As important as a tiger. Otherwise, you’re in for a constant battle, with your brain doing its best to keep the new content from sticking.

image with no caption

So just how DO you get your brain to think that jQuery development is a hungry tiger?

There’s the slow, tedious way, or the faster, more effective way. The slow way is about sheer repetition. You obviously know that you are able to learn and remember even the dullest of topics if you keep pounding the same thing into your brain. With enough repetition, your brain says, “This doesn’t feel important to him, but he keeps looking at the same thing over and over and over, so I suppose it must be.”

The faster way is to do anything that increases brain activity, especially different types of brain activity. The things on the previous page are a big part of the solution, and they’re all things that have been proven to help your brain work in your favor. For example, studies show that putting words within the pictures they describe (as opposed to somewhere else in the page, like a caption or in the body text) causes your brain to try to makes sense of how the words and picture relate, and this causes more neurons to fire. More neurons firing = more chances for your brain to get that this is something worth paying attention to, and possibly recording.

A conversational style helps because people tend to pay more attention when they perceive that they’re in a conversation, since they’re expected to follow along and hold up their end. The amazing thing is, your brain doesn’t necessarily care that the “conversation” is between you and a book! On the other hand, if the writing style is formal and dry, your brain perceives it the same way you experience being lectured to while sitting in a roomful of passive attendees. No need to stay awake.

But pictures and conversational style are just the beginning.

Here’s what WE did

We used pictures, because your brain is tuned for visuals, not text. As far as your brain’s concerned, a picture really is worth a thousand words. And when text and pictures work together, we embedded the text in the pictures because your brain works more effectively when the text is within the thing the text refers to, as opposed to in a caption or buried in the text somewhere.

image with no caption

We used redundancy, saying the same thing in different ways and with different media types, and multiple senses, to increase the chance that the content gets coded into more than one area of your brain.

We used concepts and pictures in unexpected ways because your brain is tuned for novelty, and we used pictures and ideas with at least some emotional content, because your brain is tuned to pay attention to the biochemistry of emotions. That which causes you to feel something is more likely to be remembered, even if that feeling is nothing more than a little humor, surprise, or interest.

image with no caption

We used a personalized, conversational style, because your brain is tuned to pay more attention when it believes you’re in a conversation than if it thinks you’re passively listening to a presentation. Your brain does this even when you’re reading.

We included loads of activities, because your brain is tuned to learn and remember more when you do things than when you read about things. And we made the exercises challenging-yet-doable, because that’s what most people prefer.

image with no caption

We used multiple learning styles, because you might prefer step-by-step procedures, while someone else wants to understand the big picture first, and someone else just wants to see an example. But regardless of your own learning preference, everyone benefits from seeing the same content represented in multiple ways.

We include content for both sides of your brain, because the more of your brain you engage, the more likely you are to learn and remember, and the longer you can stay focused. Since working one side of the brain often means giving the other side a chance to rest, you can be more productive at learning for a longer period of time.

image with no caption

And we included stories and exercises that present more than one point of view, because your brain is tuned to learn more deeply when it’s forced to make evaluations and judgments.

We included challenges, with exercises, and by asking questions that don’t always have a straight answer, because your brain is tuned to learn and remember when it has to work at something. Think about it—you can’t get your body in shape just by watching people at the gym. But we did our best to make sure that when you’re working hard, it’s on the right things. That you’re not spending one extra dendrite processing a hard-to-understand example, or parsing difficult, jargon-laden, or overly terse text.

We used people. In stories, examples, pictures, etc., because, well, because you’re a person. And your brain pays more attention to people than it does to things.

image with no caption

Here’s what YOU can do to bend your brain into submission

image with no caption

Cut this out and stick it on your refrigerator.

So, we did our part. The rest is up to you. These tips are a starting point; listen to your brain and figure out what works for you and what doesn’t. Try new things.

  1. Slow down. The more you understand, the less you have to memorize.

    Don’t just read. Stop and think. When the book asks you a question, don’t just skip to the answer. Imagine that someone really is asking the question. The more deeply you force your brain to think, the better chance you have of learning and remembering.

  2. Do the exercises. Write your own notes.

    We put them in, but if we did them for you, that would be like having someone else do your workouts for you. And don’t just look at the exercises. Use a pencil. There’s plenty of evidence that physical activity while learning can increase the learning.

  3. Read the “There are No Dumb Questions.”

    That means all of them. They’re not optional sidebars—they’re part of the core content! Don’t skip them.

  4. Make this the last thing you read before bed. Or at least the last challenging thing.

    Part of the learning (especially the transfer to long-term memory) happens after you put the book down. Your brain needs time on its own, to do more processing. If you put in something new during that processing time, some of what you just learned will be lost.

  5. Drink water. Lots of it.

    Your brain works best in a nice bath of fluid. Dehydration (which can happen before you ever feel thirsty) decreases cognitive function.

  6. Talk about it. Out loud.

    Speaking activates a different part of the brain. If you’re trying to understand something, or increase your chance of remembering it later, say it out loud. Better still, try to explain it out loud to someone else. You’ll learn more quickly, and you might uncover ideas you hadn’t known were there when you were reading about it.

  7. Listen to your brain.

    Pay attention to whether your brain is getting overloaded. If you find yourself starting to skim the surface or forget what you just read, it’s time for a break. Once you go past a certain point, you won’t learn faster by trying to shove more in, and you might even hurt the process.

  8. Feel something!

    Your brain needs to know that this matters. Get involved with the stories. Make up your own captions for the photos. Groaning over a bad joke is still better than feeling nothing at all.

  9. Create something!

    Apply this to your daily work; use what you are learning to make decisions on your projects. Just do something to get some experience beyond the exercises and activities in this book. All you need is a pencil and a problem to solve...a problem that might benefit from using the tools and techniques you’re studying for the exam.

Read me

This is a learning experience, not a reference book. We deliberately stripped out everything that might get in the way of learning whatever it is we’re working on at that point in the book. And the first time through, you need to begin at the beginning, because the book makes assumptions about what you’ve already seen and learned.

We expect you to know HTML and CSS.

If you don’t know HTML and CSS, pick up a copy of Head First HTML with CSS & XHTML before starting this book. We will do some refreshers on CSS selectors, but don’t expect to learn all of what you need to know about CSS here.

We don’t expect you to know JavaScript.

We know, we know...this is a controversial opinion, but we feel that you can learn jQuery without knowing JavaScript first. You need to know some JavaScript to write jQuery, and we teach you all those important JavaScript concepts side-by-side with the jQuery code. We truly and deeply believe in the jQuery motto: Write Less. Do More.

We encourage you to use more than one browser with this book.

We encourage you to test your pages using at least three up-to-date browsers. This will give you experience in seeing the differences among browsers and in creating pages that work well in a variety of browsers.

This is not Head First Browser Dev Tools...

...but we expect you to know how to use them. We highly recommend Google Chrome, which you can download here: http://www.google.com/chrome. You can visit the following sites for more information on the following browsers and their dev tools:

We expect you to go beyond this book

The best thing you can do when you’re learning something new is to join a learning community. We feel that the jQuery community is one of the best and most active communities in the world of technology. You can find out more here: http://www.jquery.com.

The activities are NOT optional.

The exercises and activities are not add-ons; they’re part of the core content of the book. Some of them are to help with memory, some are for understanding, and some will help you apply what you’ve learned. Don’t skip the exercises. Even crossword puzzles are important—they’ll help get concepts into your brain. But more importantly, they’re good for giving your brain a chance to think about the words and terms you’ve been learning in a different context.

The redundancy is intentional and important.

One distinct difference in a Head First book is that we want you to really get it. And we want you to finish the book remembering what you’ve learned. Most reference books don’t have retention and recall as a goal, but this book is about learning, so you’ll see some of the same concepts come up more than once.

The Brain Power exercises don’t have answers.

For some of them, there is no right answer, and for others, part of the learning experience of the Brain Power activities is for you to decide if and when your answers are right. In some of the Brain Power exercises, you will find hints to point you in the right direction.

Software requirements

To write jQuery code, you need a text editor, a browser, a web server (it can be locally hosted on your personal desktop), and the jQuery library.

The text editors we recommend for Windows are PSPad, TextPad, or EditPlus (but you can use Notepad if you have to). The text editor we recommend for Mac is TextWrangler. If you’re on a Linux system, you’ve got plenty of text editors built in, and we trust you don’t need us to tell you about them.

If you are going to do web development, you need a web server. For the later chapters (Chapter 9, Chapter 10, and Chapter 11), you need to go to the appendix on installing PHP, MySQL, and a web server (Apache or IIS) and follow the instructions. We recommend doing that now. No, seriously, head there now, follow the instructions, and come back to this page when you’re done.

You’ll also need a browser, and you’ll need to use the Browser Developer tools. Please read the previous page. Learning how to use the JavaScript console in Google’s Chrome Dev Tools is well worth the time. This is homework you need to do on your own.

Last of all, you need the jQuery library; turn the page and we’ll show you where to get it.

Download jQuery

It’s time to dive in. Head over to the jQuery website and download a copy to use throughout this book.

Step One:

Step Two:

  • Find the section labeled “Grab the Latest Version!” Then, select the checkbox next to “Production.”

Step Three:

  • Click the “Download jQuery” button.

    image with no caption

Step Four:

  • The next page you’ll see will look something like this.

    image with no caption

    Save the page into a folder called scripts on your drive.

    image with no caption

What’s the difference between the Production and Development versions?

The Production version of jQuery is a minified version, intended for speed of execution on a web server. The Development version is intended for developers interested in exploring and extending the inner workings of the jQuery library. Get a copy of both if you’re the type who likes to have a look inside the engine.

Folder setup

After downloading and unzipping the code for the book from Head First labs (http://www.headfirstlabs.com/books/hfjquery), you’ll find that it’s structured in folders organized by each chapter. Let’s look at ch03, for example:

image with no caption

The end folder of every chapter contains the final code for that chapter. We encourage you to use the end folder only when you need it for reference.

image with no caption

You can use the jQuery library in any of your own projects. For your convenience, we include the jQuery library in the code folder for the book, but you need to know where to get it for use in future projects and for when the jQuery library is updated. The jQuery folks update the library regularly.

The technical review team

image with no caption

Lindsey Skouras

image with no caption

Paul Barry

image with no caption

Bill Mietelski

image with no caption

Jim Doran

Jim Doran works as a software engineer at Johns Hopkins University in Baltimore, Maryland. He teaches JavaScript at the Community College of Baltimore County and speaks about jQuery at web conferences. When not doing these things, Jim blogs his art at http://jimdoran.net and skates in a coed roller derby league.

Bill Mietelski has been a technical reviewer of several Head First titles. He’s currently a software engineer at a leading national academic medical center in the Chicagoland area, working on biostatistical research. When he’s not collecting or shepherding data, you’ll find him at a local golf course chasing a little white ball.

Lindsey Skouras is an attorney in the Washington, DC, area. She has been teaching herself how to code in her spare time by working her way through the Head First series. Her other interests include reading, crafting, visiting museums, and spending time with her husband and dogs.

Paul Barry lectures in computing at the Institute ofTechnology, Carlow, in Ireland. Paul is a contributing editor to Linux Journal magazine as well as a published technical author. He is also the author of Head First Python and coauthor of Head First Programming. When he gets time, Paul consults with SMEs and startups on software development projects.

Acknowledgments

Our editor:

Thanks (and congratulations!) to Courtney Nash, who pushed us to create the best book we possibly could. She has endured a huge portion of emails, questions, ramblings, and occasional crankiness. She stuck with us throughout this book and trusted us to trust our guts.

image with no caption

The O’Reilly team:

Thanks to Lou Barr for the speedy, excellent, and magical work she did to shape this book up and make it look beautiful.

Thanks to Laurie Petrycki for giving us the green light. Ryan has fond memories of HF training in Boston and will never forget the cool, family-like atmosphere Laurie created there.

Thanks to Karen Shaner. Thanks to everyone on the tech review team.

Ryan will never forget the day he discovered the Head First series at the bookstore. Thanks to Kathy Sierra and Bert Bates for lighting up the neurons of geeks everywhere. Thanks to Bert for listening to us ramble, pulling us out of the closure quagmire, and keeping our object-ives clear.;)

Thanks to Tim O’Reilly for his vision in creating the best geek press ever!

image with no caption

Ronan’s friends and family:

A special thanks to my wife, Caitlin, who helped make this book a reality through her fantastic design abilities and knowledge of all things Adobe. And for her patience—I couldn’t have done this without you! A big thank you to everyone who supported both of us in this effort—my great neighbors, our fellow basement-dwelling colleagues at the University of Portland, my understanding soccer teams and golfing buddies. Thanks to my family back in Ireland for their support and encouragement. Most of all, thanks to Ryan Benedetti, my awesome coauthor, colleague, and friend. Thank you for taking me on this journey and giving me this opportunity. It’s been quite the experience!

Ryan’s friends and family:

Thank you to my daughter, Josie; my son, Vinny; and my fiancée, Shonna, who believed in me and supported me in so many ways on a daily basis throughout this book. Ti amo, i miei tre miracoli. I love each of you so much, my three miracles!

Thanks also to my Mom and Pops; my brother, Jeff; and my nieces, Claire and Quinn. Thanks to my fellow basement dwellers and the WAS team at University of Portland—namely, Jenny Walsh, Jacob Caniparoli, and the Tuesday morning tech team (you know who you are). Thanks to Caitlin Pierce-Cranley for her awesome design skills. Thanks to my pal, the Irish Ninja (aka Ronan Cranley), for bringing his excellent jQuery, JavaScript, and PHP coding skills; his sense of humor; and incredible work ethic to this book.

Safari® Books Online

image with no caption

Safari® Books Online is an on-demand digital library that lets you easily search over 7,500 technology and creative reference books and videos to find the answers you need quickly.

With a subscription, you can read any page and watch any video from our library online. Read books on your cell phone and mobile devices. Access new titles before they are available for print, and get exclusive access to manuscripts in development and post feedback for the authors. Copy and paste code samples, organize your favorites, download chapters, bookmark key sections, create notes, print out pages, and benefit from tons of other time-saving features.

O’Reilly Media has uploaded this book to the Safari Books Online service. To have full digital access to this book and others on similar topics from O’Reilly and other publishers, sign up for free at http://my.safaribooksonline.com.

The best content for your career. Discover unlimited learning on demand for around $1/day.