Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Treehouse

AJAX Basics Course (How To)

via Treehouse

Overview

AJAX is an important front-end web technology that lets JavaScript communicate with a web server. It lets you load new content without leaving the current page, creating a better, faster experience for your website's visitors. In this course, you'll learn how AJAX works and how you can use JavaScript to communicate with a web server. We'll use plain JavaScript to create AJAX requests and use the response to dynamically update your web pages. Along the way, you'll build mini-projects to reinforce your learning.

What you'll learn

  • AJAX Concepts
  • How to use JavaScript to make AJAX requests
  • Use AJAX callbacks to respond to server responses
  • How to process JSON with JavaScript

Syllabus

AJAX Concepts

You'll learn the basics of AJAX, see how Google, Twitter, and Reddit use AJAX to make their sites more responsive and interactive and master the four steps of an AJAX request.

Chevron 15 steps
  • Introducing AJAX

    4:47

  • Review: AJAX Basics

    5 questions

  • How AJAX Works

    4:45

  • Review: How AJAX Works

    5 questions

  • A Simple AJAX Example

    10:46

  • Create an XMLHttpRequest Object

    1 objective

  • Finish the AJAX Request

    2 objectives

  • GET and POST

    6:21

  • Review HTTP Methods

    5 questions

  • AJAX Response Formats

    3:42

  • Review AJAX Response Formats

    4 questions

  • Create an XML File

    3 objectives

  • Finish the XML Document

    1 objective

  • AJAX Security Limitations

    5:16

  • Review AJAX Security Limitations

    5 questions

Programming AJAX

Learn to use callbacks to respond to server responses, how the JSON format works and how to use JavaScript to parse JSON data. Build a simple "employees status" widget for a company intranet.

Chevron 14 steps
  • Introducing the Project

    1:43

  • AJAX Callbacks

    6:51

  • Review AJAX Callbacks

    5 questions

  • Create a callback

    1 objective

  • Check for the correct ready state

    4 objectives

  • Introducing JSON

    5:52

  • Review JSON

    5 questions

  • Create a JSON file

    4 objectives

  • Finish the JSON File

    1 objective

  • Parsing JSON Data

    7:33

  • Processing JSON Data

    7:48

  • Programming AJAX Challenge

    1:52

  • Programming AJAX Solution

    2:51

  • Review Parsing JSON

    3 questions

Reviews

Start your review of AJAX Basics Course (How To)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.