jQuery Hotshot


jQuery Hotshot
eBook: $26.99
Formats: PDF, PacktLib, ePub and Mobi formats
$22.95
save 15%!
Print + free eBook + free PacktLib access to the book: $71.98    Print cover: $44.99
$67.94
save 6%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Reviews
Support
Sample Chapters
  • 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.

 

Book Details

Language : English
Paperback : 296 pages [ 235mm x 191mm ]
Release Date : March 2013
ISBN : 1849519102
ISBN 13 : 9781849519106
Author(s) : Dan Wellman
Topics and Technologies : All Books, Web Development, jQuery, Open Source, Web Development

Table of Contents

Preface
Project One: Sliding Puzzle
Project Two: A Fixed Position Sidebar with Animated Scrolling
Project Three: An Interactive Google Map
Project Four: A jQuery Mobile Single-page App
Project Five: jQuery File Uploader
Project Six: Extending Chrome with jQuery
Project Seven: Build Your Own jQuery
Project Eight: Infinite Scrolling with jQuery
Project Nine: A jQuery Heat Map
Project Ten: A Sortable, Paged Table with Knockout.js
Index
  • Project One: 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
    • Project Two: 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
      • Project Three: 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
        • Project Four: 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
          • Project Five: 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
            • Project Six: 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
              • Project Seven: 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
                • Project Eight: 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
                  • Project Nine: 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
                    • Project Ten: 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

                      Dan 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.

                      Code Downloads

                      Download the code and support files for this book.


                      Submit Errata

                      Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


                      Errata

                      - 2 submitted: last submission 14 Jul 2014

                      Errata type: Typo | Page number: 17

                      "... where the blank is space at ..." should be "... where the blank space is at ..."

                      Errata type: Code | Page number: 22

                      at the end of 2nd paragraph  on the top it is written "We use Javascript unshift() method..." should be replaced by  
                      
                      "We use Javascript shift() method to do this,..."
                      

                      Sample chapters

                      You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                      Frequently bought together

                      jQuery Hotshot +    IBM WebSphere eXtreme Scale 6 =
                      50% Off
                      the second eBook
                      Price for both: $44.10

                      Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                      What you will learn from this book

                      • 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

                       

                      In Detail

                      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.

                      Approach

                      This book takes a hands-on, tutorial-style approach that walks you step -by -step through 10 individual projects that each focus on producing a specific, real-world product or application.

                      Who this book is 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.

                      Code Download and Errata
                      Packt Anytime, Anywhere
                      Register Books
                      Print Upgrades
                      eBook Downloads
                      Video Support
                      Contact Us
                      Awards Voting Nominations Previous Winners
                      Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                      Resources
                      Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software