Page Comparison

Workshop Materials

• Presention slides in PDF format
• Example code and exercises

Outline

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

...

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 JSON format from Twitter
   • Injecting HTML passed from the server?
   • POSTing data back to the server
   Bonus material: Fluid Infusion
   • Creating Views and using the DOM binder
   • Events
   • Renderer?