User Interface Development with jQuery Workshop

Outline

1. What is jQuery?
2. How does it compare to other toolkits?
3. The 10-minute JavaScript Refresher Course
4. Selecting things
5. Attributes
6. Styling
7. DOM Manipulation
8. AJAX
9. Building Applications: What's Missing?
10. Infusing Your jQuery App With Fluid Infusion

Hands-on Project

• Build a simple Twitter client using jQuery

Exercises

These exercises will use the Twitter client assets, building upon them into a working application.

1. Selecting things and using them
   • Using the full Twitter client HTML, try out different types of selectors: id-based, containment, CSS style, pseudo selectors
   • Apply simple CSS class names
   • Add inline styles
   • Adjust attributes
2. DOM Manipulation
   • Move elements from one spot in the document to another
   • Inject HTML using simple strings and templates
3. AJAX
   • Calling home: simple GET requests
   • Processing data in XML format from Twitter
   • JSON-based data from Twitter
   • Injecting HTML passed from the server?
   • POSTing data back to the server
4. Fluid Infusion
   • Creating Views and using the DOM binder
   • Events
   • Renderer?