Slides and materials are hosted on Khan Academy.
In this workshop, you'll learn how to use jQuery, the most popular library for making your webpages interactive with JavaScript.
This workshop will be largely "self-paced". That means that we'll start with a round of introductions and an overview, and then you'll watch videos and do coding challenges at your own pace, using Khan Academy. We will stop to work on pair projects every few hours, and we'll have TAs to answer questions and help when you get stuck.
Attendees should be comfortable with HTML/CSS fundamentals (HTML tags and attributes, CSS selectors) and JavaScript fundamentals (syntax, data structures, conditionals, loops). Attendees should also have learned the DOM API (access and modication methods). That means that you either attended our HTML 101 workshop, JS 101 workshop, and JS for the Web workshop, or that you learned those concepts online.
You can review them online at a few places:
- HTML/CSS: Khan Academy's HTML/CSS course, Codecademy's HTML/CSS course, GDI SF HTML/CSS slides
- JS: Codecademy's JS course, Khan Academy's Intro to JS course, GDI SF JS slides
- DOM API: Khan Academy's "Making Webpages Interactive" course
- Your laptop (Mac, PC, or Linux are all okay) and charger.
- A modern web browser - either Chrome or Firefox.
- A text editor. We recommend Sublime Text 2 (free; available for both Mac and PC) or Notepad++ (PC).
- What is jQuery?
- Finding, creating, changing, and reading elements.
- Responding to user events.