In this workshop, you'll learn ways you can use data in your webpages, using AJAX to pull in JSON formatted data dynamically from servers.
The workshop will be a mix of lectures and hands-on exercises in pairs. It will be taught by {{ teacher_name }}, {{ teacher_description }}.
This is a great follow-up workshop for those who attended our JS301: Intro to jQuery workshop.
- Storing data as JSON
- Turning JSON data into DOM nodes
- Using AJAX to pull in JSON
http://www.teaching-materials.org/ajax/
Attendees should be comfortable with HTML and CSS fundamentals (HTML tags and attributes, CSS selectors) and JavaScript fundamentals (arrays, conditionals, loops, functions). Attendees should also be comfortable with the DOM API and jQuery. That means that you attended our Intro to HTML & CSS workshop, Intro to JavaScript workshop, Making Webpages Interactive workshop, and Intro to jQuery workshop, or 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's HTML/CSS slides
- JS: Khan Academy's Intro to JS course, Codecademy's JS course, GDI SF's JS slides
- DOM API: Khan Academy's "Making Webpages Interactive" course, GDI SF's "Making Webpages Interactive" slides
- jQuery: Khan Academy's jQuery course, Codecademy's jQuery course, GDI SF's "jQuery slides
- Your laptop (Mac, PC, Linux) and charger
- A modern web browser (Chrome, Firefox, Safari)
- A text editor - we recommend either Sublime Text 2 or Atom (both free)
If you do not have a laptop, please contact the instructors. We have a limited number of Chromebooks for students to borrow.
Payment is required to attend. If you'd like to attend but cannot afford the cost, click here to request a scholarship. Due to the number of applications, only the scholarship recipient will receive an email a few days before the workshop. Thank you for your understanding!