Create Ajax Chat App with PHP & Mysql
4.1 (13 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
541 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Create Ajax Chat App with PHP & Mysql to your Wishlist.

Add to Wishlist

Create Ajax Chat App with PHP & Mysql

Learn how to build your own chat app
4.1 (13 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
541 students enrolled
Created by Akram Abdulrazaq
Last updated 6/2017
Curiosity Sale
Current price: $10 Original price: $30 Discount: 67% off
30-Day Money-Back Guarantee
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Communicate with Database
  • Send and receive data from database
  • Make Ajax requests
  • How to use Sessions
  • Auto scroll the page
  • Press enter to send messages
View Curriculum
  • HTML & CSS
  • JQuery (Basics)
  • PHP (Basics)


In this course we'll build Ajax chat app using PHP , Mysql and JQuery from scratch in very simple way , you will be amazed how simple it is.

We will use Ajax mechanism so the page will not refresh, we going to retrieve the messages by Ajax instantly. with jquery ajax function which is cross-browser compatible function and easy to work with. 

We will learn how to use sessions in order to store user name or any data that we want so we can retrieve it quickly.

we going to create database we will see how to add data and retrieve data in background without refreshing the page.

you going to understand how chat system works so you can create more complex chat system once you grasp the principles that you will learn in this short course.

we going to cover : 

  • Use Jquery to auto scroll the page
  • Sending a message with keypress
  • understand Ajax function
  • Using SetInterval function to query the database each time

You will get the full source code so you can practice .

you will learn a lot in this short course.

So Join us in this short journey .


Who is the target audience?
  • everyone who's interested in web development
Students Who Viewed This Course Also Viewed
Curriculum For This Course
19 Lectures
1 Lecture 01:12
Creating the app - HTML & CSS Part
3 Lectures 10:56

We'll start first by getting our development environment ready for creating our application  , we will be using xampp for devolpment on our machine , we going to use Bootstrap framework as well as JQuery

Preview 02:28

We'll create the necessary html tags as well as the form.

Preview 05:09

we going to style our app with css 

styling our app
Database & PHP
4 Lectures 22:34

This is important part, so we going to create our database, you will see how to connect to the database so we can send & retrieve data.


what function we used to connect to the database ?

How to connect to the database ?
1 question

In this lesson we going to recap what we've done so far , you can skip this part of you already understand what we did.


I've divided this into to parts , in the first part I will show you how to send data to the database without Ajax.

send message without ajax

Ajax - JQuery
11 Lectures 35:15

You'll learn how to make ajax request to the server without refreshing the page , this will happen in the background ,

We going to get the user name as well as the message on form submission.


Send Message with Ajax

Ajax : short for "asynchronous JavaScript and XML")[1][2][3] is a set of Web development techniques using many Web technologies on the client side to create asynchronous Web applications.

Understanding Ajax

SetInterval Function

learn how to make the page Auto scroll automatically 

Auto scroll

Auto scroll issue - CHALLENGE

auto scroll fixed

Who sent a message ? - CHALLENGE

The Solution

Clearing the form after submission

Simple way to send message with pressing Enter keyboard

Press Enter to send message

This is the end of the course I hope you enjoyed and learnt something, Please practice what you've learnt because practicing will make any skill unforgettable. 

Final Touches - End of the Course
About the Instructor
Akram Abdulrazaq
4.2 Average rating
145 Reviews
7,002 Students
3 Courses
Web developer & Digital Marketer

Hi, My name's Akram , I’m a web developer.

I've been developing websites for long time, the story began when I had an idea to start online business , in that time I did not have any idea about how to create a website, so I start to looking for a freelancer to build for me a website , when I found one , the price was 10,000 usd for that site, even though it was not that complicated, so I missed a chance just because I didn't know how to do it by myself, since then, I dedicated most of my time to learn so I can implement any idea that comes to my mind, if I fail I won't be losing 10k , at least.

learning PHP have helped me to understand more programming language.

I've built and developed many websites and applications for companies

after that I start learning graphic design , digital marketing and android programming . 

So I decided to teach what I've learnt the hard way over years in  simplest way possible..

My goal is to help as many student as possible.

to learn new skills will open new doors for you like it did for me.