AJAX using Javascript and JQuery + 2 Projects

Learn AJAX and Develop a Cool Group Chat Application using AJAX with the help of Jquery , Javascript, PHP and MySQL
4.3 (364 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.
5,137 students enrolled
Instructed by Umang Shah IT & Software / Other
$19
$20
5% off
Take This Course
  • Lectures 29
  • Length 2.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2016 English

Course Description

Learn AJAX using Javascript & Jquery in 2 Hours + 2 Projects

  • Are you a Front - End / Back - End Developer who wants to learn how to Make Interactive Web Pages using AJAX ?
  • Do you want to learn How to Load Data Asynchronously ?
  • Do you want to make you Websites / Mobile Application more Appealing ?

If answer to any of the above questions is Yes, then look no further. This is the right course for you. I have been working with AJAX for around 7 Years now and have used it on numerous projects and using all those years of experience, I have designed this course carefully to help students understand AJAX easily and without any hassle of going through tons and tons of books. When I started my AJAX Journey, I went through a lot of books and ultimately found out that the only way to master AJAX is by doing so in this lecture series, we will not only understand AJAX using slides but also Implement it by coding it ourselves from Scratch. and to top it all, we will work on two projects towards the end.

Project #1: Planet Finder Project

The project will find out details about a certain planet from user Input using AJAX.

Project #2 : GROUP CHAT Application

We will Implement a group chat application wherein Multiple Users will be able to chat with each other. Needless to say it will be done using AJAX Concept.

I can assure you that you will enjoy this course and I am also confident that you will be able to use it for any projects by the end of this lecture series. so come and join me in this amazing journey through the world of AJAX. Thank you for your time and hope to see you in Lectures.

 

What are the requirements?

  • Should be Familiar with basic Javascript and Jquery
  • Should have a basic understanding of PHP / MySQL

What am I going to get from this course?

  • Implement GET and POST Method of AJAX using both Javascript and Jquery
  • Implement AJAX for both Web as well as Mobile Applications
  • Understand differences in Implementation of AJAX for Javascript and Jquery
  • Understand Differences between GET and POST Method of AJAX and also understand which one to use under what circumstances
  • Create Complex Projects using AJAX

What is the target audience?

  • Front-End and Back end Developers
  • Developers who want to learn Interactive Web Pages
  • Website and Mobile Application Designers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
02:25

Introduction Lecture on who I am and What we will be covering during the course.

Article

This is the Powerpoint presentation i used throughout the course and Have attached it here for your Reference.

I would recommend you to download it so that you can use it in future after you are done with the course.

Section 2: AJAX Basics
02:22

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

02:35

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. 

02:39

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.

05:31

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.

01:18

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

02:41

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.

03:12

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.

Section 3: AJAX Using Javascript
04:11

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.

06:50

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.

12:17

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.

05:54

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

Section 4: AJAX Using Jquery
03:08

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

07:30

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

12:49

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

Article

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

Section 5: Project 1 : Planet Details Finder
01:45

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. 

03:53

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

06:54

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.

11:15

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

Article

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

Section 6: Project 2 : Group Chat Application
01:58

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

06:00

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

06:03

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.

10:47

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

08:19

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

12:46

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.

Article

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Umang Shah, Software / Web Application developer and now a teacher

My Name is Umang Shah. I have a Master of Science Degree from one of the Most Reputed Universities in the United States and have been working as a Software / Web Application Developer for Several Years now. I am here to share the practical knowledge which i have gained over those years in the easiest way possible to you guys. Hope to make a difference by helping you guys advance your careers and life by teaching various courses here at Udemy. Thank you.

Ready to start learning?
Take This Course