Mastering jQuery UI

Become an expert in creating real-world Rich Internet Applications using the varied components of jQuery UI

Mastering jQuery UI

Vijay Joshi

Become an expert in creating real-world Rich Internet Applications using the varied components of jQuery UI
Mapt Subscription
FREE
$29.99/m after trial
eBook
$21.00
RRP $29.99
Save 29%
Print + eBook
$49.99
RRP $49.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$21.00
$49.99
$29.99p/m after trial
RRP $29.99
RRP $49.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781783286652
Paperback312 pages

Book Description

With browsers becoming more and more powerful each day, the jQuery UI library provides tools that can be used to create feature rich and interactive applications without bearing the pain of writing numerous lines of JavaScript.

Mastering jQuery UI will help you explore the depths of the jQuery UI library. Right from the first chapter, you will build your own projects while learning the intricacies of the library. Each chapter explores a new topic and covers some related components. By gaining confidence from the initial chapters you will proceed ahead to create complex applications like the Tabbed News reader utilizing the AJAX and Reddit APIs. As a bonus, you will also learn about the best and most proven practices earned through years of diligent work on the jQuery UI platform.

Each chapter is an independent mini project in itself covering different components from jQuery UI. You won't have to wait long to actually build something functional.

Table of Contents

Chapter 1: Designing a Simple Quiz Application
Setting up jQuery UI
Creating the layout
Making the quiz functional
Improving the quiz
Summary
Chapter 2: Building a Jigsaw Puzzle Game
Getting ready
Creating the layout
Making the puzzle functional
Improving the puzzle
Summary
Chapter 3: Creating a Website Tour
Getting ready
Designing the home page
Making the tour functional
Improving the tour
Summary
Chapter 4: Creating a Tabbed News Reader
Creating the folder structure
Designing the page
Getting the code structure ready
Adding event handlers in the init method
Displaying posts of a subreddit
Getting comments for a post
Improving MyjqReddit
Summary
Chapter 5: Implementing CAPTCHA using Draggable and Droppable
Creating the folder structure
Implementing the drag and drop CAPTCHA
Creating the slider CAPTCHA
Creating the number CAPTCHA
Summary
Chapter 6: Creating an Event Timeline Using a Slider
Creating the folder structure
Designing the page
Styling the content
Getting the code structure ready
Creating the timeline markup from data
Implementing the timeline functionality
Improving the timeline
Summary
Chapter 7: Using jQuery UI with Google Maps API
Creating the folder structure
Designing the page
Displaying the map
Improving the functionality
Summary
Chapter 8: Creating a Photo Album Manager
Creating the folder structure
Designing the page
Creating the JSON file for albums
Getting code structure ready
Implementing the initialize method
Filling album names
Editing, deleting, and rearranging pictures
Improving album manager
Summary
Chapter 9: Creating Widgets Using the Widget Factory
The folder structure
Creating a widget to search data in a table
Improving the searchable widget
Creating a widget to display a slideshow
Improving the banner widget
Summary
Chapter 10: Building a Color Picker with Hex RGB Conversion
Setting up the folder structure
Writing markup for the page
Styling the content
Implementing the color picker
Improving the Colorpicker
Summary
Chapter 11: Creating a Fully Functional Dashboard
Setting up the stage
Designing the page
Getting the code structure ready
Initializing the portlets
Implementing sharing buttons
Displaying Flickr photos
Creating a weather widget
Displaying posts from the reddit front page
Creating an image display widget
Improving the portlets
Summary

What You Will Learn

  • Create mashups using APIs of popular websites such as Reddit and Google Maps
  • Integrate AJAX with different components
  • Create projects that solve real-world problems and are not theoretical
  • Discover the best usage of components in a given situation
  • Use effects to make the UI more interactive
  • Use JSONP to make cross-origin AJAX requests
  • Get to grips with best practices to use while developing with jQuery UI

Authors

Table of Contents

Chapter 1: Designing a Simple Quiz Application
Setting up jQuery UI
Creating the layout
Making the quiz functional
Improving the quiz
Summary
Chapter 2: Building a Jigsaw Puzzle Game
Getting ready
Creating the layout
Making the puzzle functional
Improving the puzzle
Summary
Chapter 3: Creating a Website Tour
Getting ready
Designing the home page
Making the tour functional
Improving the tour
Summary
Chapter 4: Creating a Tabbed News Reader
Creating the folder structure
Designing the page
Getting the code structure ready
Adding event handlers in the init method
Displaying posts of a subreddit
Getting comments for a post
Improving MyjqReddit
Summary
Chapter 5: Implementing CAPTCHA using Draggable and Droppable
Creating the folder structure
Implementing the drag and drop CAPTCHA
Creating the slider CAPTCHA
Creating the number CAPTCHA
Summary
Chapter 6: Creating an Event Timeline Using a Slider
Creating the folder structure
Designing the page
Styling the content
Getting the code structure ready
Creating the timeline markup from data
Implementing the timeline functionality
Improving the timeline
Summary
Chapter 7: Using jQuery UI with Google Maps API
Creating the folder structure
Designing the page
Displaying the map
Improving the functionality
Summary
Chapter 8: Creating a Photo Album Manager
Creating the folder structure
Designing the page
Creating the JSON file for albums
Getting code structure ready
Implementing the initialize method
Filling album names
Editing, deleting, and rearranging pictures
Improving album manager
Summary
Chapter 9: Creating Widgets Using the Widget Factory
The folder structure
Creating a widget to search data in a table
Improving the searchable widget
Creating a widget to display a slideshow
Improving the banner widget
Summary
Chapter 10: Building a Color Picker with Hex RGB Conversion
Setting up the folder structure
Writing markup for the page
Styling the content
Implementing the color picker
Improving the Colorpicker
Summary
Chapter 11: Creating a Fully Functional Dashboard
Setting up the stage
Designing the page
Getting the code structure ready
Initializing the portlets
Implementing sharing buttons
Displaying Flickr photos
Creating a weather widget
Displaying posts from the reddit front page
Creating an image display widget
Improving the portlets
Summary

Book Details

ISBN 139781783286652
Paperback312 pages
Read More

Read More Reviews

Recommended for You

Mastering Web Application Development with AngularJS Book Cover
Mastering Web Application Development with AngularJS
$ 26.99
$ 5.40
Responsive Web Design with HTML5 and CSS3 Book Cover
Responsive Web Design with HTML5 and CSS3
$ 23.99
$ 4.80
JavaScript and JSON Essentials Book Cover
JavaScript and JSON Essentials
$ 17.99
$ 12.60
Learning jQuery - Fourth Edition Book Cover
Learning jQuery - Fourth Edition
$ 23.99
$ 4.80
Bootstrap Site Blueprints Book Cover
Bootstrap Site Blueprints
$ 26.99
$ 18.90
Object-Oriented JavaScript - Second Edition Book Cover
Object-Oriented JavaScript - Second Edition
$ 29.99
$ 21.00