AJAX & PHP Lecture Notes

These lecture slides were used to teach an introduction to AJAX/JQuery on the following courses:

• Web Design & Development Diploma, Qantm 2008-2009
• Private Custom Training, 2008-2009

These are purely for supporting reference to any accompanying lecture.

01. Introduction To AJAX

The fist lecture of the class, AJAX explained with introduction to the XMLHttpRequest object.

01. Introduction To AJAX – Download the PDF

02. My First AJAX App

Ok, so App. might be an overstatement, but we will be using AJAX for the first time to return data to the page, in this case returning the current time to a form field.

02. First AJAX App. – Download the PDF
02. First AJAX App. – Download the SOURCE FILES

03. Introducing JQuery & AJAX

Now we get to remake the previous app. using JQuery.

03. Introducing JQuery & AJAX – Download the PDF
03. Introducing JQuery & AJAX. – Download the SOURCE FILES

04. Animating Content With JQuery

Now we have the basics of pulling in content using AJAX it is time to really use JQuerys fancy potential, this time to load page content into a simple 5 page site using JQuery animation.

04. Animate Content With JQuery – Download the PDF
04. Animate Content With JQuery – Download the SOURCE FILES

05. Send An AJAX Form With JQuery

We all need to use forms, and we have covered passing the data back and forth using AJAX, however this time we are going to move forward using both server and client side validation (for demonstration purposes) and then process (mail, add to db) our data.

05. Send AJAX Form With JQuery – Download the PDF
05. Send AJAX Form With JQuery – Download the SOURCE FILES

*these notes are not intended as stand alone source material, rather they are supplemental lecture material.