Dynamic JavaScript Master Class AJAX JSON Simple APIs
4.1 (156 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.
10,820 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Dynamic JavaScript Master Class AJAX JSON Simple APIs to your Wishlist.

Add to Wishlist

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
Best Seller
4.1 (156 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.
10,820 students enrolled
Created by Laurence Svekis
Last updated 10/2016
English [Auto-generated]
Current price: Free Original price: $200 Discount: 100% off
30-Day Money-Back Guarantee
  • 4.5 hours on-demand video
  • 23 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
  • Basic HTML and CSS
  • Basic JavaScript and understanding of the DOM
  • Basic PHP and MySQL understanding
  • Access to computer
  • Solid foundation in coding

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 is the target audience?
  • Web developers and Web designers
  • Anyone who wants to create Dynamic Applications
  • Anyone who wants to use data seamlessly within web applications
Curriculum For This Course
65 Lectures
AJAX and JSON for Dynamic Interactive web applications
4 Lectures 16:39

Course Setup Resources

Introduction to AJAX and JSON

AJAX JSON Resources
JSON JavaScript Objects
9 Lectures 31:05

Object Source Code

Introduction to Object Arrays

Object Array Source Code

Looping Through Object Array Values

Source Code Challenge

Solution to Challenge Create Loop

Challenge Solution Source Code

JSON Parse into JavaScript Objects
AJAX Load JSON data into JavaScript
16 Lectures 01:13:49
AJAX Connect to file XMLHttpRequest

Load external File content into JavaScript

Creating JavaScript Object with from external JSON Data

Source Code AJAX request

AJAX Challenge

HTTP Request Values explained in detail

Source Code with ReadyStates

Create PHP server File to receive and callback response data

Send data via AJAX to Server

Source Code POST AJAX

Get Post values output to user

Setup MySQL database phpmyadmin

MYSQL Table file

Insert Data into MySQL database from AJAX

Server data response as JSON

Source Code
Data in Action AJAX JSON jQuery
13 Lectures 54:23
Simple jQuery file loading

Source Code Load

jQuery Get request retrieve file data

Get JSON data

Source Code Get

Post Data to Server jQuery AJAX

Post data using AJAX to MySQL database

Source Code Post

AJAX method in jQuery

Source Code Ajax method

jQuery AJAX options

Clean up JavaScript Tips Tweaks

Source Code AJAX
Database interactive AJAX form
23 Lectures 01:32:52
Use PHP to output MySQL data from a database in JSON format

Source Code PHP output database content as JSON data.php

getJSON to get Database content

List database contents on webpage

Code Tweak and options

Source Code Loops

Add jQuery Event Listener

Post AJAX with jQuery on click event

Setup data for AJAX post

Project Source Code

Update database sync with HTML elements

Source Code Update.php

Add content to the Database

Source Code Add.php

Update Code prep for Delete

Clean up Code use jQuery This

Create Server Delete query from Database

Delete Source Code

Post AJAX to php delete

Update Styling CSS for project

Course Summary

Project Source Code

PHP Source Code
About the Instructor
Laurence Svekis
4.2 Average rating
14,276 Reviews
314,274 Students
188 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"