Introduction to Ajax Programming

Introduction to Ajax Programming

Butler Community College

$115.00 Enroll Now!

Instructor-Led Course
Hours: 24
Duration of Access: 6 weeks
Start Dates: Sep 14
2,052 Students
have taken this course.


A new session of each course opens each month, allowing you to enroll whenever your busy schedule permits!

How does it work? Once a session starts, two lessons will be released each week, for the six-week duration of your course. You will have access to all previously released lessons until the course ends.

Keep in mind that the interactive discussion area for each lesson automatically closes 2 weeks after each lesson is released, so you’re encouraged to complete each lesson within two weeks of its release.

The Final Exam will be released on the same day as the last lesson. Once the Final Exam has been released, you will have 2 weeks plus 10 days to complete the Final and finish any remaining lessons in your course. No further extensions can be provided beyond these 10 days.

Week 1

Lesson 01 - Overview of Ajax Programming


This first lesson begins with a summary of what you need to get started. What you'll need to begin includes an understanding of HTML and, of course, a Web site that you can work with and are interested in making more responsive and dynamic. Then I'll give you an overview of Ajax so that you'll know exactly what it's capable of. In each lesson, we'll develop a computer game to help illustrate the topic of the day. The game for this lesson is the Joke of the Day application, which will give you a good, basic idea of how powerful Ajax can be.

Lesson 02 - JavaScript Programming Basics


In this lesson, we'll begin with a look at JavaScript's origins. Then we'll talk about browser compatibility issues, which is something you'll be dealing with constantly as you develop your Ajax applications. Thus, it's worth spending some time to understand that you're likely to run into some problems. We'll then turn our attention to creating and embedding JavaScript in Web pages. There are four ways to do this, and I want you to become familiar with them all. We'll finish up by creating an application called the Knock-Knock Joke game.

Week 2

Lesson 03 - JavaScript Syntax, Values, and Variables


We'll begin Lesson 3 with a discussion about syntax. JavaScript has a specific syntax that you need to use, and I want you to become familiar with it. Being comfortable with JavaScript will help you as you create your own Ajax applications. We'll be looking at values and variables as part of this discussion, and then we'll focus on applying conditional logic. Conditional logic uses a number of different statements: if statements, switch statements, for statements, while statements, and do. . .while statements. We'll dissect them all! To put all this information to work, we'll create a new application called the Number Guessing game.

Lesson 04 - Functions and Events


In this lesson, we'll continue digging into JavaScript, but at an even higher level—focusing on functions. The use of functions is a fundamental feature that programmers use in most Ajax applications, so our goal is to learn how to create and execute them. We'll begin by learning exactly what a function is. Then we'll talk about how to define a function and control its execution. We'll then spend some time learning about events, such as load, mouseover, submit, and several others. The application project for this lesson is the Seinfield Quiz. By creating this application, you'll appreciate how incorporating functions into its script makes it a thing of beauty.

Week 3

Lesson 05 - The <div> and <span> Tags


This is the last lesson in which we'll focus exclusively on JavaScript, spotlighting two essential components of JavaScript programming. The first is the <div> and <span> tags, essential elements for developing Ajax applications that dynamically update text displayed on Web pages. Our second task is learning how to manage collections of data using arrays. And, of course, I've got a great game for you to develop: the Rock, Paper, Scissors game. Sound familiar? Wait until you see how well it works as an Ajax application!

Lesson 06 - The Document Object Model


Web browsers use the Document Object Model to create a logical representation of your Web pages, and that's what we'll work on in this lesson. Using JavaScript to interact with and manipulate the DOM, you can develop Ajax applications that can add, delete, and modify Web page content instantly—without any page refreshes. You'll first see how the DOM creates a "tree" representation of Web pages, and then you'll learn how to work with different DOM properties and methods. After that, we'll explore how to walk the DOM tree and retrieve element information. Finally, we'll talk about how to use the DOM to modify tree layout and dynamically update the appearance of your Web pages. For our project application, we'll create the Ajax Story of the Day.

Week 4

Lesson 07 - XMLHttpRequest Object


To become an effective Ajax programmer you must understand how to work with HTML, JavaScript, the DOM, and the XMLHttpRequest object. In this lesson, we're going to tackle the XMLHttpRequest object. You'll see how to use it to communicate with Web servers and facilitate the exchange of data in your Ajax applications. I'll also introduce you to Ajax frameworks, which are libraries of JavaScript functions. Then we'll put it all to work in an application called the Ajax Typing Challenge.

Lesson 08 - Digging Deeper into Ajax


In this lesson, you'll learn how to create Ajax applications that can dynamically manipulate the display of graphics. Then we'll take things a step further by using the XMLHttpRequest object to call upon server-side programs. To that end, we'll explore how to pass arguments to server programs and to retrieve data those programs return. Next I'll show you how to execute JavaScript that the Web server returns. Finally, we'll work on today's application project, the Ajax Google Suggest application.

Week 5

Lesson 09 - Working With XML


I'll begin Lesson 9 by introducing you to extensible markup language (XML), a standard for storing and transporting data in a platform-independent manner. I'll explain how to develop Ajax applications that can work with data stored in XML files. You'll learn how to create XML files and how to access their contents using Ajax. I'll also be showing you the basics of XML element syntax and how to formulate XML tags that include text content and optional attribute data. As usual, we have a cool application to create: Who Am I? This nifty application will retrieve data stored in different XML files located on the application's Web server.

Lesson 10 - Cascading Style Sheets


Cascading style sheets (CSS) isn't a formal Ajax component, but Ajax programmers have come to depend on it for all sorts of things. In this lesson, we'll talk about all the things CSS lets you do, including changing foreground and background colors; specifying font type, size, and color; turning things visible and invisible; and even moving things around the screen. We'll also cover how to work with inline, embedded, and external styles, and we'll wrap things up with the Fortune Telling Game application.

Week 6

Lesson 11 - Ajax and PHP


PHP is a server-based scripting language designed to support the development of server-based programs, and that's what this lesson is devoted to. You'll learn how PHP scripts are capable of reading and writing files stored on Web servers and also how they can work with database-management systems. Learning how to create PHP scripts will give you the ability to develop server-based programs that support the needs and requirements of your Ajax applications. Our project application for this lesson, the Word-Guessing Game, makes good use of PHP.

Lesson 12 - Important Ajax Design Issues


We'll spend this last lesson addressing some design issues to help you avoid certain problems as you begin designing your own Ajax applications. As with any application-development framework, Ajax applications have a number of issues that you must be aware of. In some cases, solutions already exist, but in other cases, the jury is still out on the best way to handle things. I'll go over a number of Ajax development issues, and wherever possible, I'll suggest solutions or alternative ways of getting things done. We also have one last application project: the Login application. It'll incorporate much of what you've learned throughout the course.


Thank you! I found the course excellent and it gave me a good beginning towards mastering AJAX and JavaScript.

Follow Us