Search icon Close icon
Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Checkout

Change country

Modal Close icon
Country selected Country selected
country flag United States
Country selected
country flag Great Britain
Country selected
country flag India
Country selected
country flag Germany
Country selected
country flag France
Country selected
country flag Canada
Country selected
country flag Russia
Country selected
country flag Spain
Country selected
country flag Brazil
Country selected
country flag Australia
Country selected
country flag Singapore
Country selected
country flag Hungary
Country selected
country flag Ukraine
Country selected
country flag Luxembourg
Country selected
country flag Estonia
Country selected
country flag Lithuania
Country selected
country flag South Korea
Country selected
country flag Turkey
Country selected
country flag Switzerland
Country selected
country flag Colombia
Country selected
country flag Taiwan
Country selected
country flag Chile
Country selected
country flag Norway
Country selected
country flag Ecuador
Country selected
country flag Indonesia
Country selected
country flag New Zealand
Country selected
country flag Cyprus
Country selected
country flag Denmark
Country selected
country flag Finland
Country selected
country flag Poland
Country selected
country flag Malta
Country selected
country flag Czechia
Country selected
country flag Austria
Country selected
country flag Sweden
Country selected
country flag Italy
Country selected
country flag Egypt
Country selected
country flag Belgium
Country selected
country flag Portugal
Country selected
country flag Slovenia
Country selected
country flag Ireland
Country selected
country flag Romania
Country selected
country flag Greece
Country selected
country flag Argentina
Country selected
country flag Netherlands
Country selected
country flag Bulgaria
Country selected
country flag Latvia
Country selected
country flag South Africa
Country selected
country flag Malaysia
Country selected
country flag Japan
Country selected
country flag Slovakia
Country selected
country flag Philippines
Country selected
country flag Mexico
Country selected
country flag Thailand
Country selected
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Home > Web Development > Front End Web Development > jQuery HOTSHOT
jQuery HOTSHOT
jQuery HOTSHOT

jQuery HOTSHOT: Ten practical projects that exercise your skill, build your confidence, and help you master jQuery

Arrow left icon
Profile Icon Wellman
Arrow right icon
AU$67.99
Full star icon Full star icon Full star icon Full star icon Half star icon 4.8 (10 Ratings)
Paperback Mar 2013 296 pages 1st Edition
eBook
AU$47.99 AU$53.99
Paperback
AU$67.99
Subscription
Free Trial
Renews at AU$24.99p/m
Arrow left icon
Profile Icon Wellman
Arrow right icon
AU$67.99
Full star icon Full star icon Full star icon Full star icon Half star icon 4.8 (10 Ratings)
Paperback Mar 2013 296 pages 1st Edition
eBook
AU$47.99 AU$53.99
Paperback
AU$67.99
Subscription
Free Trial
Renews at AU$24.99p/m
eBook
AU$47.99 AU$53.99
Paperback
AU$67.99
Subscription
Free Trial
Renews at AU$24.99p/m

What do you get with Print?

Product feature icon Instant access to your digital copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Redeem a companion digital copy on all Print orders
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR

Contact Details

Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Table of content icon View table of contents Preview book icon Preview Book

jQuery HOTSHOT

Chapter 2. A Fixed Position Sidebar with Animated Scrolling

The position:fixed CSS style adds an interesting effect that allows a targeted element to retain its position on the screen even when the page it is on is scrolled. However, its effectiveness is limited by the fact that no matter how deep the element is nested within other elements, it is always fixed relative to the document as a whole.

Mission Briefing

In this project we'll create a sidebar that emulates the position:fixed CSS style but doesn't suffer from the same limitations as a pure CSS solution. We can also add an attractive animation to the page so that when navigation items in the sidebar are clicked, different parts of the page are scrolled into view.

The following is a screenshot that shows the final result of this project:

Why Is It Awesome?

Being able to fix an element in place on the page is an incredibly popular UI design pattern used by many large and popular websites.

Keeping the visitor's main tools or calls-to-action within reach at all times improves the user experience of the site and can help keep your visitors happy. Making things convenient is important, so if a visitor has to scroll down a long page, then scroll all the way up just to click something, they will soon lose interest in the page.

This same principle is also an emerging trend on mobile devices. Actual position:fixed styling has pretty poor...

Building a suitable demo page

In this task we'll prepare the demo page and the other files we'll need ready for the script.

To make the benefits of this technique obvious, we'll need to use a number of extra elements that strictly speaking aren't part of the required elements for the sidebar that we'll be fixing in place.

The sidebar that we'll use as the focus of this example will need to sit within the structure of a complete page, and to see the fixed position effect, the page will also need to be quite long.

We'll be using a range of HTML5 elements when building our demo page and you should be aware that these are not supported in older versions of some browsers. If you find that you do need to support legacy browsers, you'll need to use the html5shiv script available at Google Code (http://code.google.com/p/html5shiv/).

Prepare for Lift Off

We should first save a new copy of the template file to the root folder of our project and call the new file fixed-sidebar.html. We can also create a...

Storing the initial position of the fixed element

Before we can fix the element in place, we'll need to know where that place is. In this task we'll obtain the current starting position of the <aside> element that we're going to be fixing in place.

Engage Thrusters

In fixed-sidebar.js we should start with the following code:

$(function() {
  
});

We can cache a couple of jQuery-selected elements at the top of our function, and to store the initial position of the fixed element, we can then add the following code within the function we just added:

var win = $(window),
    page = $("html,body"),
    wrapper = page.find("div.wrapper"),
    article = page.find("article"),
    fixedEl = page.find("aside"),
    sections = page.find("section"),
    initialPos = fixedEl.offset(),
    width = fixedEl.width(),
    percentWidth = 100 * width / wrapper.width();

Objective Complete - Mini Debriefing

We've used the same outer wrapper for our code that we used in the first project. As I mentioned then, it...

Detecting when the page has scrolled

Our next task is to detect when the page has been scrolled and fix the element in place when that occurs. Detecting the scroll event is made easy for us by jQuery, as is setting the position to fixed, because there are simple jQuery methods we can call to do these exact things.

Engage Thrusters

Add the following code to the script file directly after the variables we initialized in the last task:

win.one("scroll", function () { 
    fixedEl.css({
        width: width,
        position: "fixed",
        top: Math.round(initialPos.top),
        left: Math.round(initialPos.left)
    });
});

Objective Complete - Mini Debriefing

We can use jQuery's one() method to attach an event handler to the window object that we stored in a variable. The one() method will automatically unbind the event handler as soon as the event is detected for the first time, which is useful because we only need to set the element to position:fixed once. In this example we are looking for...

Handling browser window resizes

At the moment, our <aside> element will be fixed in place as soon as the page scrolls, which suits our needs while the browser remains the same size.

However, if the window is resized for some reason, the <aside> element will fall out of its fixed position and could be lost outside of the boundaries of the viewport. In this task, we'll fix that by adding an event handler that listens for the window's resize event.

Engage Thrusters

To maintain the fixed element's correct location relative to the rest of the page, we should add the following code directly after the one() method that we added in the last task:

win.on("resize", function () {
    if (fixedEl.css("position") === "fixed") {
        var wrapperPos = wrapper.offset().left,
            wrapperWidth = wrapper.width(),
            fixedWidth = (wrapperWidth / 100) * percentWidth;

        fixedEl.css({
            width: fixedWidth,
            left: wrapperPos + wrapperWidth - fixedWidth,
  ...

Automating scrolling

At this point, we should be able to click on any of the links in the navigation menu we added to the fixed element, and the page will jump to bring the corresponding section into view. The fixed element will still be fixed into place.

The jump to the section is quite jarring however, so in this task we'll scroll each section into place manually so that the jump to each section is not so sudden. We can also animate the scroll for maximum aesthetic effect.

Engage Thrusters

For this task we should add another event handler, this time for click events on the links in the navigation list, and then animate the page scroll to bring the selected <section> into view.

First, we can add a general function for scrolling the page which accepts some arguments and then performs the scroll animation using those arguments. We should define the function using the following code directly after the one() method that we added in the last task:

function scrollPage(href, scrollAmount, updateHash...

Restoring the browser's back button

At this point, we can click any of the links in the <aside> element and the page will be smoothly scrolled to the desired location on the page. The address bar of the browser will also be updated.

However, if the user tries to go back to a previous <section> using the back button of his/her browser, nothing will happen. In this task we'll fix that so that the back button works as expected, and can even use smooth scrolling when the back button is used to go back to the previous <section>.

Engage Thrusters

We can enable the back button very easily by adding another event handler directly after the one for click events that we just added:

win.on("hashchange", function () {

    var href = document.location.hash,
        target = parseInt(href.split("#part")[1]),
        targetOffset = (!href) ? 0 : sections.eq(target - 1).offset().top;

    scrollPage(href, targetOffset, false);
});

Objective Complete - Mini Debriefing

We use jQuery's on() method...

Handling the hash fragment on page load

At the moment the functionality of the browser's back button has been restored, and the visitor can see the bookmarkable URL in the address bar.

If the page is requested with a hash fragment in it, the page will automatically jump to the specified <section> when the page loads. In this part we'll add some code that checks the hash property of the document.location object and if a hash is detected, it will scroll to the corresponding part of the page smoothly.

Engage Thrusters

To enable this, we should add the following code directly after where we define our starting variables near the top of the script file, and directly before where we listen for the scroll event:

if (document.location.hash) {

    var href = document.location.hash,
        target = parseInt(href.split("#part")[1]),
        targetOffset = sections.eq(target - 1).offset().top;

    page.scrollTop(0);
    document.location.hash = "";
    scrollPage(href, targetOffset, true);

}

Objective...

Mission Accomplished

In this project we looked at a very simple way of mimicking CSS's position:fixed styling to fix an important element into place. The technique to only apply the fixed positioning when the page starts to scroll is simple but effective, and is an excellent way to circumvent the shortcomings of actual position:fixed when working with complex or liquid layouts.

We saw how to handle window resizes and added a smooth scrolling facility that scrolled the page between different named sections of the page.

We also looked at how we can read and write to the document.location.hash property of the window object, and how to manually scroll to the requested section when the page is loaded. We also fixed the browser's back button to work with our smooth-scrolling animations.

You Ready To Go Gung HO? A Hotshot Challenge

Very often, with the kind of in-page navigation we've used in this project, it is useful to show an on-state on the navigation links when a section is scrolled to, either manually, or by clicking on one of the links. Have a go at adding this simple but effective addition to the code that we've looked at over the course of this project.

Left arrow icon

Page 1 of 11

Right arrow icon

Key benefits

  • See how many of jQuery's methods and properties are used in real situations. Covers jQuery 1.9.
  • Learn to build jQuery from source files, write jQuery plugins, and use jQuery UI and jQuery Mobile.
  • Familiarise yourself with the latest related technologies like HTML5, CSS3, and frameworks like Knockout.js.
  •  

Description

jQuery is used by millions of people to write JavaScript more easily and more quickly. It has become the standard tool for web developers and designers to add dynamic, interactive elements to their sites, smoothing out browser inconsistencies and reducing costly development time.jQuery Hotshot walks you step by step through 10 projects designed to familiarise you with the jQuery library and related technologies. Each project focuses on a particular subject or section of the API, but also looks at something related, like jQuery's official templates, or an HTML5 feature like localStorage. Build your knowledge of jQuery and related technologies.Learn a large swathe of the API, up to and including jQuery 1.9, by completing the ten individual projects covered in the book. Some of the projects that we'll work through over the course of this book include a drag-and-drop puzzle game, a browser extension, a multi-file drag-and-drop uploader, an infinite scroller, a sortable table, and a heat map. Learn which jQuery methods and techniques to use in which situations with jQuery Hotshots.

Who is this book for?

This book is aimed primarily at front-end developers, preferably already with a little jQuery experience, or those people that simply want to build on their existing skills with jQuery.

What you will learn

  • Learn how to use the latest version of jQuery (1.9) in real-world situations
  • Create a jQuery plugin structured for organisation and maintainability
  • Construct a custom version of jQuery using Node.js and Grunt.js, and learn how to run unit tests using qUnit
  • Build on top of online services like Google Maps to create interactive interfaces
  • Use templating frameworks to easily and efficiently create repetitive areas of the page populated with data
  • Get started with the related jQuery-powered frameworks jQuery UI and jQuery Mobile
  • Produce interactive interfaces that respond to user interactions using the Model-View-View Model framework Knockout.js
  • Use the latest web standards like HTML5 and CSS3 to create attractive and semantic web pages
  •  
Estimated delivery fee Deliver to Australia

Economy delivery 7 - 10 business days

AU$19.95

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Mar 26, 2013
Length: 296 pages
Edition : 1st
Language : English
ISBN-13 : 9781849519106
Category :
Web Development
Languages :
JavaScript
Concepts :
Front End Web Development
Tools :
jQuery

What do you get with Print?

Product feature icon Instant access to your digital copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Redeem a companion digital copy on all Print orders
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR

Contact Details

Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Estimated delivery fee Deliver to Australia

Economy delivery 7 - 10 business days

AU$19.95

Product Details

Publication date : Mar 26, 2013
Length: 296 pages
Edition : 1st
Language : English
ISBN-13 : 9781849519106
Category :
Web Development
Languages :
JavaScript
Concepts :
Front End Web Development
Tools :
jQuery

Packt Subscriptions

See our plans and pricing
Modal Close icon
AU$24.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
START FREE TRIAL
BUY NOW
AU$249.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just AU$5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW
AU$349.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just AU$5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW

Frequently bought together

Learning jQuery - Fourth Edition
Learning jQuery - Fourth Edition
Read more
Jun 2013 444 pages
Full star icon 4.2 (20)
eBook
eBook
  • eBook eBook AU$43.99
  • Paperback Paperback AU$60.99
AU$43.99 AU$48.99
AU$60.99
jQuery HOTSHOT
jQuery HOTSHOT
Read more
Mar 2013 296 pages
Full star icon 4.8 (10)
eBook
eBook
  • eBook eBook AU$47.99
  • Paperback Paperback AU$67.99
AU$47.99 AU$53.99
AU$67.99
Stars icon
Total AU$ 128.98
Learning jQuery - Fourth Edition
AU$60.99
jQuery HOTSHOT
AU$67.99
Total AU$ 128.98 Stars icon

Table of Contents

10 Chapters
Sliding Puzzle Chevron down icon Chevron up icon
Sliding Puzzle
Mission Briefing
Laying down the underlying HTML
Creating a code wrapper and defining variables
Splitting an image into pieces
Shuffling the puzzle pieces
Making the puzzle pieces draggable
Starting and stopping the timer
Determining if the puzzle has been solved
Remembering best times and adding some final styling
Mission Accomplished
You Ready To Go Gung HO? A Hotshot Challenge
A Fixed Position Sidebar with Animated Scrolling Chevron down icon Chevron up icon
A Fixed Position Sidebar with Animated Scrolling
Mission Briefing
Building a suitable demo page
Storing the initial position of the fixed element
Detecting when the page has scrolled
Handling browser window resizes
Automating scrolling
Restoring the browser's back button
Handling the hash fragment on page load
Mission Accomplished
You Ready To Go Gung HO? A Hotshot Challenge
An Interactive Google Map Chevron down icon Chevron up icon
An Interactive Google Map
Mission Briefing
Creating the page and interface
Initializing the map
Showing the company HQ with a custom overlay
Capturing clicks on the map
Updating the UI with the start and end locations
Handling marker repositions
Factoring in weights
Displaying the projected distance and cost
Mission Accomplished
You Ready To Go Gung HO? A Hotshot Challenge
A jQuery Mobile Single-page App Chevron down icon Chevron up icon
A jQuery Mobile Single-page App
Mission Briefing
Building the welcome page
Adding a second page
Creating the script wrapper
Getting some bounties
Adding a JsRender template
Building the list view
Building an item view
Handling paging
Mission Accomplished
You Ready To Go Gung HO? A Hotshot Challenge
jQuery File Uploader Chevron down icon Chevron up icon
jQuery File Uploader
Mission Briefing
Creating the page and plugin wrapper
Generating the underlying markup
Adding event handlers for receiving files to upload
Displaying the list of selected files
Removing files from the upload list
Adding a jQuery UI progress indicator
Uploading the selected files
Reporting success and tidying up
Mission Accomplished
You Ready To Go Gung HO? A Hotshot Challenge
Extending Chrome with jQuery Chevron down icon Chevron up icon
Extending Chrome with jQuery
Mission Briefing
Setting up the basic extension structure
Adding a manifest and installing the extension
Adding a sandboxed JsRender template
Posting a message to the sandbox
Adding a content script
Scraping the page for microdata
Adding a mechanism for saving the microdata
Mission Accomplished
You Ready To Go Gung HO? A Hotshot Challenge
Build Your Own jQuery Chevron down icon Chevron up icon
Build Your Own jQuery
Mission Briefing
Installing Git and Make
Installing Node.js
Installing Grunt.js
Configuring the environment
Building a custom jQuery
Running unit tests with QUnit
Mission Accomplished
You Ready To Go Gung HO? A Hotshot Challenge
Infinite Scrolling with jQuery Chevron down icon Chevron up icon
Infinite Scrolling with jQuery
Mission Briefing
Preparing the underlying page
Getting the initial feeds
Displaying the initial set of results
Handling scrolling to the bottom of the page
Mission Accomplished
You Ready To Go Gung HO? A Hotshot Challenge
A jQuery Heat Map Chevron down icon Chevron up icon
A jQuery Heat Map
Mission Briefing
Determining and saving the environment
Capturing visitor clicks
Saving the click data
Adding the management console
Requesting click data
Displaying a heat map
Allowing different layouts to be selected
Showing heat maps for each layout
Mission Accomplished
You Ready To Go Gung HO? A Hotshot Challenge
A Sortable, Paged Table with Knockout.js Chevron down icon Chevron up icon
A Sortable, Paged Table with Knockout.js
Mission Briefing
Rendering the initial table
Sorting the table
Setting the page size
Adding Previous and Next Links
Adding numerical page links
Managing class names
Resetting the page
Filtering the table
Mission Accomplished
You Ready To Go Gung HO? A Hotshot Challenge

Recommendations for you

Left arrow icon
Full-Stack Flask and React
Full-Stack Flask and React
Read more
Oct 2023 408 pages
Full star icon 4.3 (4)
eBook
eBook
  • eBook eBook AU$39.99
  • Paperback Paperback AU$55.99
AU$39.99 AU$44.99
AU$55.99
C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals
C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2024 828 pages
Full star icon 4.4 (5)
eBook
eBook
  • eBook eBook AU$49.99
  • Paperback Paperback AU$68.99
AU$49.99 AU$55.99
AU$68.99
Real-World Web Development with .NET 9
Real-World Web Development with .NET 9
Read more
Dec 2024 578 pages
Full star icon 3.5 (4)
eBook
eBook
  • eBook eBook AU$49.99
  • Paperback Paperback AU$68.99
AU$49.99 AU$55.99
AU$68.99
Django 5 By Example
Django 5 By Example
Read more
Apr 2024 820 pages
Full star icon 4.6 (38)
eBook
eBook
  • eBook eBook AU$49.99
  • Paperback Paperback AU$68.99
AU$49.99 AU$55.99
AU$68.99
React and React Native
React and React Native
Read more
Apr 2024 508 pages
Full star icon 4.3 (10)
eBook
eBook
  • eBook eBook AU$43.99
  • Paperback Paperback AU$60.99
AU$43.99 AU$48.99
AU$60.99
Scalable Application Development with NestJS
Scalable Application Development with NestJS
Read more
Jan 2025 612 pages
Full star icon 4.8 (5)
eBook
eBook
  • eBook eBook AU$39.99
  • Paperback Paperback AU$55.99
AU$39.99 AU$44.99
AU$55.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023 828 pages
Full star icon 4.4 (74)
eBook
eBook
  • eBook eBook AU$59.99
  • Paperback Paperback AU$82.99
AU$59.99 AU$66.99
AU$82.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4.5 (57)
eBook
eBook
  • eBook eBook AU$44.98
  • Paperback Paperback AU$61.99
AU$44.98 AU$49.99
AU$61.99
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
Jun 2024 506 pages
Full star icon 5 (8)
eBook
eBook
  • eBook eBook AU$44.98
  • Paperback Paperback AU$61.99
AU$44.98 AU$49.99
AU$61.99
Learning Angular
Learning Angular
Read more
Jan 2025 486 pages
Full star icon 4 (6)
eBook
eBook
  • eBook eBook AU$41.99
  • Paperback Paperback AU$57.99
AU$41.99 AU$46.99
AU$57.99
Right arrow icon

Customer reviews

Top Reviews
  • Top Reviews
  • Most Recent
Rating distribution
Full star icon Full star icon Full star icon Full star icon Half star icon 4.8
(10 Ratings)
5 star 80%
4 star 20%
3 star 0%
2 star 0%
1 star 0%
Filter icon Filter
Top Reviews
  • Top Reviews
  • Most Recent

Filter reviews by

Robert A. Balfe May 31, 2013
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Did you ever go to a web site and think, wow, how did they do that? Or, wouldn't that be cool to write? I know I do.Well, this book is filled with 10 small projects you can use in real life. So unlike an API book where it focuses on the small granular API calls this book focuses on completed solutions.It starts off in the preface with a high level summary of what jQuery is and the basic concepts of the API so you really don't even have to know jQuery to read this book. You do however need to know HTML and JavaScript basics but I will add, all of the source code is available and the massive 296 page book does a great job going step by step. The beauty of the book is it covers a lot of areas for where jQuery can be used - from developing games to building your own jQuery. Many of the techniques used in the book are very creative and well thought through. Each project has plenty of screen shots and narrative to help you digest the content. Did I mention all of the source code is downloadable? Yep, so you can casually read the book and then go back and play with the finished source code if you wanted.From beginner to advanced this book is a valuable resource to see how different things can be done with jQuery. It mixes some really good JavaScript API's along with jQuery API's to create real life projects.
Amazon Verified review Amazon
Danny Jul 09, 2013
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Where most books cover minutia of Jquery or Javascript. This book gets you coding in a hurry. A very pleasant experience. As a web developer, the chance of coming across a book that gives you step by step instructions on what could be real projects and not boring theory is a rare treat. I would highly recommend this book for anyone with at least a basic understanding of JavaScript. Some of the JavaScript concepts you will need to understand to get the most out of this book are callbacks,events,functions,arrays and object literals. Dan Wellman provides great little insight to every code example and really breaks it down into everyday language everyone can understand. He also provides you with bits of Classified Intel on how JavaScript works in the sections called "Classified Intel". A must have for anyone wanting to get past the dry theory based books and build some functional projects.
Amazon Verified review Amazon
Mikhail Svirkin Nov 04, 2015
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Clear and practical book
Amazon Verified review Amazon
James Gonzales May 20, 2013
Full star icon Full star icon Full star icon Full star icon Full star icon 5
If you're new to jQuery, read this book to see good working projects that explain why these techniques are used. If you're experienced, you'll like the more comprehensive projects and the challenges on how to extend them even more.You will use HTML5 and some of the newer APIs in these projects. They range from interactive Google maps, jQuery UI, SPAs (single page applications), jQuery Mobile and more! One of the best parts is the debriefing where the design is described in each project. If you come across a new topic or subject, there are always handy hyperlinks that lead you to more detailed information. I liked this book and learned a lot from it.
Amazon Verified review Amazon
DB May 26, 2013
Full star icon Full star icon Full star icon Full star icon Full star icon 5
So you've built a few web sites that use some of jQuery's most common methods. Perhaps you've used jQuery for a few simple DOM manipulations, form validations, smooth animations, or tacked on some plugins and feel like you've seen what jQuery can do. If this sounds like you, this book will quickly dispel your notion of jQuery as simple, convenience javascript library, but a powerful tool that can be used in a vast and surprising array of scenarios. This book is not for jQuery beginners or for those who are only interested in creating simple informational web sites. A look at the table of contents alone will quickly expand the boundaries of what you thought was possible. Yes, jQuery is used in every project and that is why it's name is on the cover, but you'll see it used in conjunction with many other libraries and APIs. And as you dive in to the chapters, you'll start to uncover some best practices and important intricacies with not just jQuery but with native Javascript programming as well (i.e. performance tweaking, variable hoisting, function expressions, namespacing, etc).Simply put, this book is for the passionate and curious developers that are looking to expand their knowledge of where and how jQuery can fit in the broad range of web development.
Amazon Verified review Amazon

People who bought this also bought

Left arrow icon
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2022 818 pages
Full star icon 4.1 (54)
eBook
eBook
  • eBook eBook AU$49.99
  • Paperback Paperback AU$68.99
AU$49.99 AU$55.99
AU$68.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023 828 pages
Full star icon 4.4 (74)
eBook
eBook
  • eBook eBook AU$59.99
  • Paperback Paperback AU$82.99
AU$59.99 AU$66.99
AU$82.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4.5 (57)
eBook
eBook
  • eBook eBook AU$44.98
  • Paperback Paperback AU$61.99
AU$44.98 AU$49.99
AU$61.99
React and React Native
React and React Native
Read more
May 2022 606 pages
Full star icon 4.6 (17)
eBook
eBook
  • eBook eBook AU$49.99
  • Paperback Paperback AU$68.99
AU$49.99 AU$55.99
AU$68.99
Building Python Microservices with FastAPI
Building Python Microservices with FastAPI
Read more
Aug 2022 420 pages
Full star icon 3.9 (9)
eBook
eBook
  • eBook eBook AU$45.99
  • Paperback Paperback AU$64.99
AU$45.99 AU$51.99
AU$64.99
Right arrow icon

About the author

Profile icon Wellman
Wellman
Dan Wellman is an author and frontend engineer living on the South Coast of the UK and working in London. By day he works for Skype and has a blast writing application-grade JavaScript. By night he writes books and tutorials focused mainly on frontend web development. He is also a staff writer for the Tuts+ arm of the Envato network, and occasionally writes for .Net magazine. He's the proud father of four amazing children, and the grateful husband of a wonderful wife.
Read more
See other products by Wellman
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

What is the digital copy I get with my Print order? Chevron down icon Chevron up icon

When you buy any Print edition of our Books, you can redeem (for free) the eBook edition of the Print Book you’ve purchased. This gives you instant access to your book when you make an order via PDF, EPUB or our online Reader experience.

What is the delivery time and cost of print book? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela
What is custom duty/charge? Chevron down icon Chevron up icon

Customs duty are charges levied on goods when they cross international borders. It is a tax that is imposed on imported goods. These duties are charged by special authorities and bodies created by local governments and are meant to protect local industries, economies, and businesses.

Do I have to pay customs charges for the print book order? Chevron down icon Chevron up icon

The orders shipped to the countries that are listed under EU27 will not bear custom charges. They are paid by Packt as part of the order.

List of EU27 countries: www.gov.uk/eu-eea:

A custom duty or localized taxes may be applicable on the shipment and would be charged by the recipient country outside of the EU27 which should be paid by the customer and these duties are not included in the shipping charges been charged on the order.

How do I know my custom duty charges? Chevron down icon Chevron up icon

The amount of duty payable varies greatly depending on the imported goods, the country of origin and several other factors like the total invoice amount or dimensions like weight, and other such criteria applicable in your country.

For example:

  • If you live in Mexico, and the declared value of your ordered items is over $ 50, for you to receive a package, you will have to pay additional import tax of 19% which will be $ 9.50 to the courier service.
  • Whereas if you live in Turkey, and the declared value of your ordered items is over € 22, for you to receive a package, you will have to pay additional import tax of 18% which will be € 3.96 to the courier service.
How can I cancel my order? Chevron down icon Chevron up icon

Cancellation Policy for Published Printed Books:

You can cancel any order within 1 hour of placing the order. Simply contact customercare@packt.com with your order details or payment transaction id. If your order has already started the shipment process, we will do our best to stop it. However, if it is already on the way to you then when you receive it, you can contact us at customercare@packt.com using the returns and refund process.

Please understand that Packt Publishing cannot provide refunds or cancel any order except for the cases described in our Return Policy (i.e. Packt Publishing agrees to replace your printed book because it arrives damaged or material defect in book), Packt Publishing will not accept returns.

What is your returns and refunds policy? Chevron down icon Chevron up icon

Return Policy:

We want you to be happy with your purchase from Packtpub.com. We will not hassle you with returning print books to us. If the print book you receive from us is incorrect, damaged, doesn't work or is unacceptably late, please contact Customer Relations Team on customercare@packt.com with the order number and issue details as explained below:

  1. If you ordered (eBook, Video or Print Book) incorrectly or accidentally, please contact Customer Relations Team on customercare@packt.com within one hour of placing the order and we will replace/refund you the item cost.
  2. Sadly, if your eBook or Video file is faulty or a fault occurs during the eBook or Video being made available to you, i.e. during download then you should contact Customer Relations Team within 14 days of purchase on customercare@packt.com who will be able to resolve this issue for you.
  3. You will have a choice of replacement or refund of the problem items.(damaged, defective or incorrect)
  4. Once Customer Care Team confirms that you will be refunded, you should receive the refund within 10 to 12 working days.
  5. If you are only requesting a refund of one book from a multiple order, then we will refund you the appropriate single item.
  6. Where the items were shipped under a free shipping offer, there will be no shipping costs to refund.

On the off chance your printed book arrives damaged, with book material defect, contact our Customer Relation Team on customercare@packt.com within 14 days of receipt of the book with appropriate evidence of damage and we will work with you to secure a replacement copy, if necessary. Please note that each printed book you order from us is individually made by Packt's professional book-printing partner which is on a print-on-demand basis.

What tax is charged? Chevron down icon Chevron up icon

Currently, no tax is charged on the purchase of any print book (subject to change based on the laws and regulations). A localized VAT fee is charged only to our European and UK customers on eBooks, Video and subscriptions that they buy. GST is charged to Indian customers for eBooks and video purchases.

What payment methods can I use? Chevron down icon Chevron up icon

You can pay with the following card types:

  1. Visa Debit
  2. Visa Credit
  3. MasterCard
  4. PayPal
What is the delivery time and cost of print books? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela