Certificate in Introduction to Ajax Programming Online Course

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.

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.

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.

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.

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!

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.

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.

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.

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.

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.

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.

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.