AJAX using Javascript and JQuery + 2 Projects

We will start off the lecture by understanding what is AJAX and where can it be used. We will then take a look at some of the Important features of AJAX and towards the end we will understand in Brief how AJAX Works

Here in this lecture, we will understand the entire logic and Workflow of AJAX in detail with a help of a diagram and an Example. 

We will start the lecture by understand what XAMPP is and does. We will then take a look at how we can install Apache Server and MySQL Database in your local machines / Computers with the help of XAMPP.

After we have Installed Apache Server and MySQL Database using XAMPP, we will see how to start those modules and use them. We will also take a look at possible Installation problem that might happen for some of you and how it can be solved.

Here in this lecture, we will take a look at some of the text editors that I recommend you use during the course.

After we have our Apache Webserver up and running, we will see the root folder where the files which we will be coding are to be placed and we will also take a look at how to run those files via any web browser.

We will start the lecture by understanding what GET and POST Method of AJAX are and what are the differences between them. We will then understand how to decide on which method to use under different circumstances.

In this lecture, we will create an interface for our client to load ( Step 1 of AJAX ) and see how it looks when accessed via a web browser.

Now in order to Implement AJAX, we need to understand XMLHttpRequest Object which is used while sending a request from client to server and also while receiving the response from server. so we will understand it and also look at Important Properties and Methods available for it.

In this lecture, we will see how we can Implement GET Method for AJAX using Javascript ( Steps 2,3 and 4 of AJAX ) with the help of XMLHttpRequest Object which we discussed in the last lecture.

In This lecture, We will take a look at how to Implement POST Method in AJAX using Javascript and XMLHttpRequest Object

We will understand what is Jquery and how we can use $.get and $.post of Jquery to Implement GET and POST methods of AJAX

In this lecture, we will code the Implementation of GET and POST Methods for AJAX using Jquery ( $.get and $.post )

We will start the Lecture by understanding the Limitations of $.get and $.post and we will then take a look at how we can overcome them with the help of $.ajax

This fine contains the entire code you have seen as of now. I recommend you to download it for further reference.

In this lecture, We will take a look at the how the application which we are going to develop with the help of AJAX will look and work like. 

In this lecture, we will build the interface for 'Planet Details Finder' Application which the client can load via a web browser

In this lecture we will work on and code the server file which will receive user input from client, process it and return appropriate response back to same client.

Here we will implement the Interaction between client and Server using AJAX

These are the files which we created for 'Planet Details Finder' project. I highly recommend you download it for your further reference.

Here we will take a look at how our 'Group Chat Application' which we will develop in this section will eventually look like

In this lecture we will develop the web page which the client the client can load via web browser to enter our  Group chat room Application

In this lecture, we will understand how all the different chats and comments entered by different users will be stored and we will then create Database and table accordingly with the help of PhpMyAdmin.

In this lecture, we will create a server file which will load comments and chats from MySQL database tables and then return it back to the client

We will understand how AJAX can be used to fetch comments from MySQL tables and show it inside our Chat box

In this lecture, we will work on Add comment section of our project and see how we can insert a new comment using AJAX and then we will also understand how we can use AJAX to update the newly added comment in chat box of other client browsers.

The Zip contains the entire code for our Group Chat Application. I would highly recommend you download the code for your further reference.