Skip to content

gdichicago/js203

Repository files navigation

JS203: Client-side APIs

Slides are built using the Yeoman Reveal generator template. See the repo for instructions on making modifications to the slides.

Slides and materials are hosted here.

Course description

An API is a service that lets one website use data or functionality from another website, and most modern webpages rely on at least one API - like the Facebook API for social interaction, the Google Analytics API for tracking, or the DoubleClick API for ads. In this workshop, we'll talk about how JavaScript-based APIs actually work behind the scenes, and give you some hands-on experience in using them, plus introduce you to a wealth of APIs to enhance your websites.

This is intended to be a follow-up workshop for JS101, JS201, and JS202 or for those already comfortable with JavaScript, jQuery, and AJAX requests looking to expand their skills. See the prerequisites section below for details.

Cost: $40

Dates: Sunday, July 13 from 12-3:30 PM

Location: Dev Bootcamp, 351 W Hubbard, Floor 7

A limited number of scholarships are available for those with a financial hardship. To apply, click here. Do not RSVP for the event. The deadline to apply for a scholarship is May 25. Scholarship applicants will be notified shortly after the deadline. Class capacity does not impact scholarship students.

Prerequisites:

Attendees should be comfortable with HTML5 and CSS3: specifically, you should understand the box model, floats, CSS resets, and HTML5 standards and tags. Additionally, you should be familiar with JavaScript syntax, data structures, conditionals, loops, event handling, jQuery, AJAX requests, and JSON.

You should have:

(a) taken Intro or Intermediate HTML/CSS through Girl Develop It, or

(b) built and managed websites on your own,

And also:

(a) taken JS101 (full 4-week series, or completed all exercises and homework for the self-paced workshop) and JS201 through Girl Develop It, or

(b) have completed a self-study JavaScript course, and are familiar with syntax, arrays, conditionals, for and while loops, event handling, jQuery, AJAX requests, and handling JSON responses.

If you need to brush up on your HTML and CSS, you can review The Beginner's Guide to HTML and CSS and The Advanced Guide to HTML and CSS. To brush up on jQuery, see Try jQuery.

Tech requirements:

  • Your laptop (Mac, PC, or Linux are all okay).
  • A modern web browser - either Chrome or Firefox with Firebug installed.
  • A text editor. We recommend Sublime Text 2 (free; available for both Mac and PC).

Topics covered:

  • What is an API?
  • How do client-side APIs work?
  • HTML and embedded object APIs
  • Script APIs
  • Data APIs with JavaScript
  • XmlHttpRequest as API
  • JSONP APIs
  • Client-side APIs: what are they? How do they work? How are they different from the other types of APIs?
  • Pros and cons to using APIs for data