Dynamic JavaScript Master Class AJAX JSON Simple APIs
4.4 (442 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
13,240 students enrolled

Dynamic JavaScript Master Class AJAX JSON Simple APIs

Learn how to use AJAX to send data to your web server and get response data back to output in your web applciation
4.4 (442 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
13,240 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
Current price: $129.99 Original price: $199.99 Discount: 35% off
7 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • 25 articles
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Create AJAX calls
  • Use JSON data within JavaScript
  • Select between jQuery and JavaScript AJAX methods
  • update MySQL data from JavaScript
  • get content and data from external files
  • Work with Objects and Arrays within JavaScript
  • Parse JSON data into usable objects
Course content
Expand all 67 lectures 04:27:12
+ AJAX and JSON for Dynamic Interactive web applications
4 lectures 16:28
Course Setup Resources
04:20
Introduction to AJAX and JSON
05:35
AJAX JSON Resources
01:23
+ JSON JavaScript Objects
9 lectures 30:38
Object Source Code
00:07
Introduction to Object Arrays
04:42
Object Array Source Code
00:11
Looping Through Object Array Values
06:57
Source Code Challenge
00:10
Solution to Challenge Create Loop
04:25
Challenge Solution Source Code
00:17
JSON Parse into JavaScript Objects
06:07
+ AJAX Load JSON data into JavaScript
16 lectures 01:13:06
AJAX Connect to file XMLHttpRequest
06:37
Load external File content into JavaScript
06:15
Creating JavaScript Object with from external JSON Data
05:46
Source Code AJAX request
00:52
AJAX Challenge
02:36
HTTP Request Values explained in detail
06:15
Source Code with ReadyStates
00:13
Create PHP server File to receive and callback response data
10:15
Send data via AJAX to Server
05:59
Source Code POST AJAX
00:22
Get Post values output to user
03:14
Setup MySQL database phpmyadmin
03:37
MYSQL Table file
00:07
Insert Data into MySQL database from AJAX
09:32
Server data response as JSON
10:51
Source Code
00:33
+ Data in Action AJAX JSON jQuery
13 lectures 53:55
Simple jQuery file loading
05:30
Source Code Load
00:01
jQuery Get request retrieve file data
04:19
Get JSON data
04:04
Source Code Get
00:03
Post Data to Server jQuery AJAX
11:29
Post data using AJAX to MySQL database
07:37
Source Code Post
00:25
AJAX method in jQuery
09:51
Source Code Ajax method
00:19
jQuery AJAX options
04:45
Clean up JavaScript Tips Tweaks
05:13
Source Code AJAX
00:17
+ Database interactive AJAX form
23 lectures 01:31:46
Use PHP to output MySQL data from a database in JSON format
08:11
Source Code PHP output database content as JSON data.php
00:03
getJSON to get Database content
02:52
List database contents on webpage
06:57
Code Tweak and options
03:45
Source Code Loops
00:13
Add jQuery Event Listener
03:17
Post AJAX with jQuery on click event
10:08
Setup data for AJAX post
07:52
Project Source Code
00:23
Update database sync with HTML elements
04:27
Source Code Update.php
00:04
Add content to the Database
07:37
Source Code Add.php
00:09
Update Code prep for Delete
05:23
Clean up Code use jQuery This
07:03
Create Server Delete query from Database
02:32
Delete Source Code
00:04
Post AJAX to php delete
03:35
Update Styling CSS for project
09:03
Course Summary
06:56
Project Source Code
00:48
PHP Source Code
00:21
+ Bonus Section
2 lectures 01:18
Downloadable PDFs
00:04
Bonus Lecture
01:13
Requirements
  • Basic HTML and CSS
  • Basic JavaScript and understanding of the DOM
  • Basic PHP and MySQL understanding
  • Access to computer
  • Solid foundation in coding
Description

Create amazing interactive dynamic applications that can synchronise data between your database and your front end html code.  

The content within this course is Unique which you won't find anywhere else.  We show you how to build a custom project within this course that connect HTML interactions with Database content.

Prerequisites for this course : Basic Coding knowledge, HTML, JavaScript (DOM) and jQuery. This is a fast paced course around making front end connections to back end code.

The course is focused around creating AJAX calls with JavaScript code.  Please note the below topics are covered.

  • JavaScript Objects
  • JSON
  • AJAX GET and POST in JavaScript
  • AJAX get(), getJSON(), post(), ajax() in jQuery
  • MySQL and phpmyadmin connections and queries to perform SELECT, DELETE, UPDATE, INSERT
  • PHP to connect to a database, conditional statements, variables
  • CSS to create form content styling

JSON and AJAX together provide web developers incredible opportunities to integrate external data seamlessly into web applications. 

JSON is and excellent format for data, its human readable and flexible enough to be converted from strings to usable JavaScript objects .

AJAX is the perfect solution for creating connections between data and web user interactions. You can upload your web page with reloading the page, providing a seamless experience for your web visitors.  AJAX gives you the ability to request and receive data from servers and external files.   All of this is done after your web page loads and the content is already visible to the web users.   You can also use AJAX to send data to a server.

Taking data from the front end sending it to the server opens the door to unlimited opportunities to connect that data to databases and a whole lot more.

This course provides a step by step guide for getting to know JSON and AJAX.  Combing these together can help you develop better user experiences and more opportunities for data manipulation within your JavaScript code.  

Provided within the course

  • code samples and examples
  • Resource used within this course so you too can follow along
  • Source Code and challenge exercises
  • HD quality video
  • Professional instructor with over 18 years of industry experience
  • everything you need is included

Learn the basics of JavaScript objects, how they work within your code.   Expand on the object with object arrays and multi-objects arrays.  Loop through the objects and parse out JSON data.

Explore how you can use AJAX to retrieve external content, including database content, html web files, and JSON data.   Adding AJAX to web applications creates endless possibilities.   This course also includes multiple ways to connect from JavaScript methods to jQuery.

See how your can connect PHP code to supercharge your web applications.  Insert data into your database, update a database, and delete content from a database all from the front-end via AJAX.

AJAX is in demand, and learning how to utilise AJAX together with JSON and PHP will set you apart.  I'm here to help you learn and ready to answer any questions you may have.





Who this course is for:
  • Web developers and Web designers
  • Anyone who wants to create Dynamic Applications
  • Anyone who wants to use data seamlessly within web applications