TOIT Training

Create Dynamic and Interactive Web Content Using AJAX and JSON in JavaScript

Create Dynamic and Interactive Web Content Using AJAX and JSON in JavaScript
  • Overview
  • Curriculum
  • Reviews

 

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.

  • 3 Sections
  • 25 Lessons
  • 0 Quizzes
  • 0m Duration
Expand All

Introduction to AJAX and JSON

13 Lessons 0 Quizzes
  • 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 

Connecting to Web APIs

10 Lessons 0 Quizzes
  • 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 

Coding Examples

2 Lessons 0 Quizzes
  • JavaScript Objects and JSON Data
  • Fetch Example Code JavaScript

0

0 Ratings
5 Star 0%
4 Star 0%
3 Star 0%
2 Star 0%
1 Star 0%

Reviews

Free

Start Course

Retake Course

Are you sure you want to retake the course? This action will permanently delete all your progress in this course.

Course Includes

  • Understand what JSON is
  • Understand how JSON functions as a lightweight data-interchange format

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Buy for group

Create Dynamic and Interactive Web Content Using AJAX and JSON in JavaScript
No groups Found

You don't have any groups yet

Create a group and add group members. Sync Group(s)