ProfBurnett.com

ITI 229 jQuery with JavaScript - Session IV

Session Outline:

  • Course Introduction
  • Chapter 9 Expanding Your Interface
  •   •  jQuery Exercises 1
  • Chapter 10 Forms Revisited
  •   •  jQuery Exercises 2
  • Chapter 11 Customizing the Look of jQuery UI
  •   •  jQuery Exercises 3

Class Presentations

Session Chapter PowerPoint Presentation Exercise Files Solution Set Files
IV Course Introduction
IV 9
IV 10
IV 11
CSS, JS, and Images Files for all exercises

Student Exercise

jQuery Exercise 1

  • Complete one the these tutorials:
  • •  Creating a Dialog Box - Page 306
  • •  Passing Options to the Dialog Widget – Page 311
  • •  Adding Buttons to a Dialog Box – Page 315
  • •  Adding Tooltips Quickly – Page 322
  • •  Add HTML to a Tooltip – Page 325
  • •  Add Tabbed Panels – Page 331
  • •  Create a jQuery UI Accordion – Page 342
  • •  Creating a Horizontal Navigation Bar – Page 346

jQuery Exercise 2

  • Complete one of the Mini-Tutorials:
  • •  Tutorial: Adding a Birthdate Picker – Page 357
  • •  jQuery UI Form Widget Tutorial – Page 379

jQuery Exercise 3

  • •  Create a specialized theme using Themeroller.
  • •  Download Them.e
  • •  Apply Theme to your website.

Session 4 Support Links

W3CSchools.com

jQuery

jQuery Alternatives

jQuery Form

jQuery Plugins

jQuery Carousel Plugins

jQuery Slideshows Plugins

jQuery Displaying Images Plugins

jQuery Plugins from Malsup

jQuery UI Widget Factory

Free Web Design IDEs

Free Web Development IDEs

Cloud-Based Web Development Sites

Online Website Builder Sites

How Browsers Work