AJAX using Javascript and JQuery + 2 Projects
4.0 (429 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,344 students enrolled
Wishlisted Wishlist

Please confirm that you want to add AJAX using Javascript and JQuery + 2 Projects to your Wishlist.

Add to Wishlist

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
Bestselling
4.0 (429 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,344 students enrolled
Created by Umang Shah
Last updated 4/2016
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 4 Articles
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • Should be Familiar with basic Javascript and Jquery
  • Should have a basic understanding of PHP / MySQL
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.

 

Who is the target audience?
  • Front-End and Back end Developers
  • Developers who want to learn Interactive Web Pages
  • Website and Mobile Application Designers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
29 Lectures
02:25:10
+
Introduction
2 Lectures 02:26

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

Preview 02:25

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.

AJAX Powerpoint Slides ( For Reference )
00:01
+
AJAX Basics
7 Lectures 20:18

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

Preview 02:22

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. 

Preview 02:35

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.

Preview 02:39

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.

Preview 05:31

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

Preview 01:18

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.

Preview 02:41

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.

Preview 03:12
+
AJAX Using Javascript
4 Lectures 29:12

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.

Preview 04:11

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.

Preview 06:50

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.

Preview 12:17

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

Preview 05:54
+
AJAX Using Jquery
4 Lectures 23:30

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

Introduction to Jquery , $.get and $.post
03:08

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

Implementation of $.get and $.post for AJAX using Jquery
07:30

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

Understanding $.ajax and Implementing GET and POST Methods using $.ajax
12:49

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

Code for Reference : GET and POST Method of AJAX using Javascript and Jquery
00:03
+
Project 1 : Planet Details Finder
5 Lectures 23:49

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. 

Preview 01:45

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

Project 1 : Building the Interface
03:53

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.

Project 1 : Creating Server File Using PHP
06:54

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

Project 1 - AJAX
11:15

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

Code for Reference : Planet Details Finder Project
00:02
+
Project 2 : Group Chat Application
7 Lectures 45:55

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

Preview 01:58

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

Project 2 : Interface
06:00

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.

Project 2 : Database
06:03

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

Project 2 : Creating Server File
10:47

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

Project 2 : Update Chat Box
08:19

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.

Project 2 : Add Comment Section
12:46

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

Code for Reference : Group Chat Application Project
00:02
About the Instructor
Umang Shah
4.1 Average rating
586 Reviews
6,745 Students
2 Courses
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.