JS302: AJAX/JSON

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. This is a great follow-up workshop for those who attended our JS301: Intro to jQuery workshop.

The workshop will be a mix of lectures and hands-on exercises in pairs. It will be taught by Samantha Paras, Software Engineer at Datafox.

Topics covered

• Storing data as JSON

• Turning JSON data into DOM nodes

• Using AJAX to pull in JSON

Slides

http://www.teaching-materials.org/ajax/

</a> Prerequisites

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 <a href="https://www.meetup.com/Girl-Develop-It-San-Francisco/events/241868963/">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</a>

• JS: <a href="https://khanacademy.org/programming">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: Codecademy's jQuery course, GDI SF's jQuery slides

</a> Tech requirements

Payment is required to attend. If you'd like to attend but cannot afford the cost, <a href="https://docs.google.com/forms/d/19YePb1ncNgHLFze40_BJRM7w8SG5mh1D0uB4qyKjwWs/viewform">click here to request a scholarship. Due to the number of applications, only the scholarship recipients will receive an email a few days before the workshop. Thank you for your understanding!