Mastering jQuery UI

Getting the code structure ready

Let's begin by defining the structure of the JavaScript object that we will need to perform various tasks. Open the js/dashboard.js file and write the following code:

$(document).ready(function()
{
  var dashboard = 
  {
    imageArr : [],
    init : function()
    {
      this.initPortlets();
      this.initSharing();
      this.initFlickr();
      this.initReddit();
      this.setupWeather();
      this.setupImageSelector();
    },
    initPortlets : function()
    {
    },
    initSharing : function()
    {
    },
    initFlickr : function()
    {
    },
    initReddit : function()
    {
    },
    setupWeather : function()
    {
    },
    setupImageSelector : function()
    {
    }
  }
  dashboard.init();
});

We start off by creating a dashboard object and defining an array named imageArr and six methods. The imageArr array will be populated ...