In this course, you will learn how to use AJAX to send data to your web server and get response data to output in your web application, as well as how to use JavaScript code to connect to web APIs and retrieve JSON data to output in your webpages. We will start by learning what JSON is and how it works. Following that, we will look at how AJAX can be used by the web browser to make server HTTP requests. Then we will go over AJAX, how to use JavaScript to update DOM elements, and how to modify elements on a webpage by dynamically creating, updating, and styling page elements with code. We will then move on to interactive webpages and go over concepts such as setting up page interactions and adding event listeners. We will cover JSON data and JavaScript objects, arrays, and datatypes, as well as JSON data output and iteration. Finally, we will look at how to create interactive AJAX content with JavaScript objects within webpage content, as well as some examples of popular web APIs. By the end of this course, you will be able to create amazing interactive dynamic applications that can synchronize data between your database and front-end HTML code.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
Use JSON data within JavaScript
Select between jQuery and JavaScript AJAX methods
Update MySQL data from JavaScript
Learn to get content and data from external files
Work with objects and arrays within JavaScript
Parse JSON data into usable objects
01. Introduction to AJAX and JSON
- Introduction to AJAX JSON and JavaScript DOM Course
- Setup of Web Development Environment Get Coding
- Introduction to JSON and AJAX
- JavaScript Objects with Examples
- Examples of JavaScript Objects and Arrays for JSON
- JSON Methods in JavaScript Object to String and String to Object
- How to Connect to an API JavaScript AJAX Example
- How to Connect to an API JavaScript AJAX Part 2
- JavaScript Objects with Code Examples
- JavaScript Array Methods with Code Examples
- JavaScript Array Methods with Code Examples Part 2
- JavaScript DOM for Interactive and Dynamic Webpages
- JavaScript DOM for Interactive and Dynamic Webpages Part 2
02. Connecting to Web APIs
- Introduction to Connecting to Web APIs with JavaScript
- Web API JSON Data with AJAX
- Connect to Web API RandomUser
- JavaScript Code to StackExchange API
- JavaScript API with Data GitHub
- Server JSON Placeholder AP
- JSON Placeholder CRUD
- JSON Placeholder CRUD 2
- Mockend REST Server
- Node JSON Server
03. Coding Examples
- JavaScript Objects and JSON Data
- Fetch Example Code JavaScript
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
Use JSON data within JavaScript
Select between jQuery and JavaScript AJAX methods
Update MySQL data from JavaScript
Learn to get content and data from external files
Work with objects and arrays within JavaScript
Parse JSON data into usable objects
COURSE OUTLINE
01. Introduction to AJAX and JSON
- Introduction to AJAX JSON and JavaScript DOM Course
- Setup of Web Development Environment Get Coding
- Introduction to JSON and AJAX
- JavaScript Objects with Examples
- Examples of JavaScript Objects and Arrays for JSON
- JSON Methods in JavaScript Object to String and String to Object
- How to Connect to an API JavaScript AJAX Example
- How to Connect to an API JavaScript AJAX Part 2
- JavaScript Objects with Code Examples
- JavaScript Array Methods with Code Examples
- JavaScript Array Methods with Code Examples Part 2
- JavaScript DOM for Interactive and Dynamic Webpages
- JavaScript DOM for Interactive and Dynamic Webpages Part 2
02. Connecting to Web APIs
- Introduction to Connecting to Web APIs with JavaScript
- Web API JSON Data with AJAX
- Connect to Web API RandomUser
- JavaScript Code to StackExchange API
- JavaScript API with Data GitHub
- Server JSON Placeholder AP
- JSON Placeholder CRUD
- JSON Placeholder CRUD 2
- Mockend REST Server
- Node JSON Server
03. Coding Examples
- JavaScript Objects and JSON Data
- Fetch Example Code JavaScript