25+ Projects with AJAX, JavaScript, and JSON [Video]

By Laurence Svekis
    Advance your knowledge in tech with a Packt subscription

  • Instant online access to over 7,500+ books and videos
  • Constantly updated with 100+ new titles each month
  • Breadth and depth in over 1,000+ technologies
  1. Introduction to Getting Started with Objects and JSON Using JavaScript

About this video

AJAX allows you to communicate with the server, exchange data, and update the page without having to refresh the page.

The two major features of AJAX allow you to do the following:

- Make requests to the server without reloading the page

- Receive and work with data from the server

This course is loaded with 25 plus mini projects to help you learn and practice connecting to endpoints, returning JSON data, making fetch requests, using JSON data with JavaScript to create page content, and explore GET POST PUT and DELETE with JavaScript AJAX.

Learn how to create and manipulate page elements with modern JavaScript code to build interactive and fully dynamic web applications driven by JSON data. Get user selections, make the AJAX request from the user select, and output to the web page using JavaScript code.

Explore fun interactive projects to make AJAX requests coming from page data and output the content to the page. Dynamic page elements generated from AJAX requests to endpoints and return JSON data and use it within JavaScript to update and manipulate DOM page elements. Create games, get JSON data, and let users explore the data. Dynamically generate page content with JavaScript.

Connect to web endpoints - get JSON data and output that content into your web page with JavaScript. AJAX practice mini projects will help you learn more about JSON data such as making fetch requests, debugging, and more.

The code bundles are available here: https://github.com/PacktPublishing/30-Projects-with-AJAX-JavaScript-and-JSON

Publication date:
August 2021
20 hours 34 minutes


Introduction to AJAX Course, How to Get JSON data and Update Page Elements


Setup of the Development Environment and LiveServer Localhost Setup


How JavaScript Arrays Work Coding Examples of JavaScript Arrays


Code Example of JavaScript Objects How to Use JavaScript Objects


How to Loop Through Objects, JavaScript Objects Looping and Use of Values


JSON and JavaScript Objects Methods and Code Examples JSON Objects in JavaScript


JavaScript JSON Methods, JSON Parse Stringify of String, and JavaScript Objects


JavaScript DOM Manipulation and JavaScript DOM Element Creation Event Listeners


Quick Review JavaScript Click Events and Page Interactions Within the DOM


Project - Create a Dynamic List JSON LocalStorage List


Project - Dynamic List with JSON JavaScript LocalStorage List Part 2


Project - Building a Dynamic Interactive JSON List with JavaScript Part 3


Project Final List Updates to Local and JSON Data List Items JavaScript Project

About the Author

  • Laurence Svekis

    Laurence Svekis is an experienced web application developer. He has worked on multiple enterprise-level applications, hundreds of websites, business solutions, and many unique and innovative web applications. He has expertise in HTML, CSS, JavaScript, JQuery, Bootstrap, PHP, and MySQL and is also passionate about web technologies, web application development, programming, and online marketing with a strong focus on social media and SEO.

    Laurence is always willing to help his students experience what technology has to offer. He looks forward to sharing his knowledge and experiences with the world.

    Browse publications by this author
25+ Projects with AJAX, JavaScript, and JSON [Video]
Unlock this video and the full library for FREE
Start free trial