Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed AJAX Basics!
You have completed AJAX Basics!
Preview
In this stage, you'll be building a useful page element for a company intranet. Using AJAX you'll display a list of employees who are in or out of the office.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
In this stage, let's use our imaginations.
0:04
Let's imagine that you are a front end
0:07
web developer at a small web development
company.
0:08
One of your jobs is to produce the
0:12
HTML, CSS and JavaScript from
your company's intranet.
0:13
An intranet is an internal website that
only the
0:18
people who work for the company can see
and use.
0:20
It provides tools and information to get
help employees get the work done.
0:23
Today, the boss came by and said that she
0:27
wants you to add a new feature to the
intranet.
0:29
A small sidebar element that lists all the
company employees
0:33
and whether they are currently in the
office or not.
0:36
If the employee is in the office, a green
IN icon appears next to their name.
0:39
If the employee is out, a red OUT icon
appears.
0:44
To do this, you're working with two other
0:48
people in you company, a designer and a
developer.
0:50
The designer has created a mock-up of the
page.
0:53
He's given you the HTML and CSS for the
design.
0:56
The developer is responsible for writing
all the server side
1:00
code that keeps track of the status of the
employees.
1:03
She's written programming that send out
the employee information.
1:06
Your job is to write the JavaScript code
to send an Ajax request to the
1:10
server, get back the employee information
and convert
1:14
it into the HTML the designer gave you.
1:17
This project is more complicated then the
Ajax request we made in the last stage.
1:21
To get this project done, you'll need to
learn more about Ajax callbacks.
1:26
You also need to learn about a very
popular data exchange format called JSON.
1:31
I'm pretty sure we'll be able to get this
1:37
project done on time and make the boss
happy.
1:38
Let's get started.
1:41
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up