Book Image

Mastering jQuery UI

By : Vijay Joshi
Book Image

Mastering jQuery UI

By: Vijay Joshi

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Mastering jQuery UI
Vijay Joshi
Feb, 2015 | 312 pages
No titles found
Table of Contents (19 chapters)
Mastering jQuery UI
Mastering jQuery UI
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Designing a Simple Quiz Application
Designing a Simple Quiz Application
Setting up jQuery UI
Creating the layout
Making the quiz functional
Improving the quiz
Summary
2
Building a Jigsaw Puzzle Game
Building a Jigsaw Puzzle Game
Getting ready
Creating the layout
Making the puzzle functional
Improving the puzzle
Summary
3
Creating a Website Tour
Creating a Website Tour
Getting ready
Designing the home page
Making the tour functional
Improving the tour
Summary
4
Creating a Tabbed News Reader
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
5
Implementing CAPTCHA using Draggable and Droppable
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
6
Creating an Event Timeline Using a Slider
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
7
Using jQuery UI with Google Maps API
Using jQuery UI with Google Maps API
Creating the folder structure
Designing the page
Displaying the map
Improving the functionality
Summary
8
Creating a Photo Album Manager
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
9
Creating Widgets Using the Widget Factory
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
10
Building a Color Picker with Hex RGB Conversion
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
11
Creating a Fully Functional Dashboard
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
Best Practices for Developing with jQuery UI
Best Practices for Developing with jQuery UI
General Guidelines
Using jQuery UI Themeroller to customize a theme
Index
Index

Setting up the stage

The first step is to create the required folder structure:

  1. As we have in previous chapters, create a folder named Chapter11 inside the MasteringjQueryUI folder.

  2. Directly inside this folder, create the HTML file named index.html which will contain our HTML markup.

  3. Also, copy the js and css folders inside the Chapter11 folder.

  4. Now go inside the js folder and create a new file and name it dashboard.js. This file will contain all the code required to create our news reader.

Once this setup is complete, we can move to the next step, which is designing the page.

Previous Section
End of Section 2
Next Section