JavaScript, jQuery and Ajax

Learn JavaScript, jQuery and AJAX basics filters and calls to send data to your MYSQL server with no need to refresh

3.30 (74 reviews)
Udemy
platform
English
language
Web Development
category
instructor
1,700
students
4 hours
content
Mar 2016
last update
$44.99
regular price

What you will learn

Learn JavaScript Basics

Sending Data through AJAX to the server

Learn jQuery basics

Create jQuery events

Create AJAX filters

Create jQuery animations and effects

Add Events from Database into FullCalendar jQuery Plugin automatically

Append data to web page with no refresh

Use JavaScript for form validations

Use bootstrap classes for forms and tables

Description

JavaScript is an awesome client side language that allow a communication between a website and web application with users.

In this course, you will learn JavaScript basics, and how to make interactive web pages.

Then, we will learn jQuery basics, and how to use jQuery plugins like fullcalendar

At the final section, this course teach junior web developers, or programming enthusiasts, how to send data through jQuery and AJAX, to server and make change in data, with no need to refresh the page.

To start this course, you should download wampserver, and sublime text 2, or you can use your preferred editor.

We are not going to learn how AJAX works using XML requests and responses. Our main goal is to send data with no page reload or refresh.

If you want to add interactivity and simplicity, to your web application, using AJAX, and reduce your bandwidth consumption, this course might be for you.

At the end, you will learn how to create AJAX filters, to get data according to specific criteria.


Content

JavaScript Basics (For beginners)

Introduction
Order and Precedence
Incrementation and Decrementation
Null and Undefined
Dynamic Scripting
Conditions and Equality Types
Loops
Arrays
DOM manipulations
Functions
Events
Computed Styles
Exercise - Print an area using outerHTML
JavaScript External files
Project - Form Validation

The Old Way

Introduction
Setting up the workspace
Creating server folder
Bootstrap and adding table
Getting data into page
Insert and Refresh

jQuery and DOM manipulations

HTML and DOM manipulations
Accessing Values
Form Validation
jQuery ready()
jQuery - on click and on change events
Append, prepend, after and before
jQuery events Quiz

jQuery Projects and Animations

Toggle Animation
Animate function
Delay Function
Stop Function
jQuery Project 1 - Animation
jQuery Project 2 - New Password Confirmation Using .keyup()
jQuery Project 3 - Using Key Codes
jQuery Project 4 - Set a button off using .on() and .off()

AJAX

Why we use AJAX
Sending data into URL
Types
Data to send to PHP
Data types
PHP server code
Error function
Append Data and no more reloads

Ajax Project

Introduction
Adding buttons
PHP code
Ajax Script
Result
Appending a new button

JSON and HTML

Introduction to JSON
JSON array
AJAX and JSON
Datatype HTML

AJAX Filters

Setting Up database and workspace
AJAX Filters - Part 1
AJAX Filters - Part 2
Combining AJAX Filters

Project 1 - FullCalendar Plugin And AJAX

Part 1 - FullCalendar Introduction
Part 2 - Fetching Data using JSON
Part 3 - Adding Events into FullCalendar

Screenshots

JavaScript, jQuery and Ajax - Screenshot_01JavaScript, jQuery and Ajax - Screenshot_02JavaScript, jQuery and Ajax - Screenshot_03JavaScript, jQuery and Ajax - Screenshot_04

Reviews

Daniel
May 17, 2021
The course is out of date, the referring website has since been updated and requires payment to access the material. The recording is not continuous and ends abruptly.
Svetlana
September 5, 2019
I learn how to use JQuery and AJAX working on a few project. The instructor explains topic clearly providing details and examples.
Matt
April 21, 2019
a lot of the videos end abruptly, and there is a section that says this is the old way of doing something that we supposedly are to ignore, but the code and information from this section is used throughout the rest of the slides that i have seen so far.
Priyesh
January 18, 2018
Nice course for beginners in js,jquery & ajax. No one can teach this much in 4 hours.if you have very limited time..it's best otherwise see other detailed courses.
MB
November 10, 2016
Excellent, this course is complete with a lot of useful examples. He knows what he is talking about. The rhythm is perfect, not too fast not too slow. Well explained, pleasant voice, I highly recommend.
Betto
June 10, 2016
The course jumps around a little but if you are patient you will get the answers you needed. I am now programming Ajax() like a pro and using it for work. This class made me a MUCH better programmer and really opened my eyes to using modals and ajax! Thank you Eng Ali Mehdy, you are the man!
Borivoje
February 12, 2016
Its a good beginner course, I liked it. The instructor explains it in the simply way for beginners to grasp easier.
Sri
February 7, 2016
The course builds up confidence in doing projects and gives enough pointers to expand the logic. I would have loved this course if it had covered the usage of php in ajax json transactions.
Fadi
February 4, 2016
the course is well organized, and what I like the most is that the course​ is practical and to the point
Aykut
February 4, 2016
I liked it but sound quality is not that good i think. (i hear a reflaction i dont know how to explaint that). And with a subtitle would be a perfect course! Thanks

Charts

Price

JavaScript, jQuery and Ajax - Price chart

Rating

JavaScript, jQuery and Ajax - Ratings chart

Enrollment distribution

JavaScript, jQuery and Ajax - Distribution chart
746790
udemy ID
1/30/2016
course created date
2/28/2022
course indexed date
Bot
course submited by