nievie / js202

Originally created by Pamela Fox with modifications by GDI Chicago.

Home Page:http://gdichicago.com/classes/js202/workshop/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GDI JS 202: AJAX/JSON

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

In this afternoon workshop, we'll learn about AJAX and JSONP, the technologies that let websites pull information in dynamically from servers. These technologies are essential to modern websites.

This workshop includes hands-on exercises to practice your skills and includes homework for additional practice.

This is intended to be a follow-up workshop for JS101 and JS201, or for those already comfortable with JavaScript and jQuery looking to expand their skills.

Cost: $45

Dates: Saturday, July 12 from 12-4 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, and event handling.

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, and jQuery.

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:

  • Brief review of JavaScript and HTML's intense friendship
  • What is JSON? Writing it and reading it
  • Using JavaScript to insert JSON into the DOM
  • How the web interacts with users
  • What is AJAX?
  • XMLHttpRequests and responses
  • jQuery + AJAX = <3
  • Debugging AJAX requests
  • AJAX and servers; what is cross-domain?
  • Common AJAX gotchas

About

Originally created by Pamela Fox with modifications by GDI Chicago.

http://gdichicago.com/classes/js202/workshop/

License:MIT License