25+ Projects with AJAX, JavaScript, and JSON

person icon Packt Publishing

25+ Projects with AJAX, JavaScript, and JSON

Build your own JavaScript mini projects with this full stack JavaScript coding course.

updated on icon Updated on Sep, 2023

language icon Language - English

person icon Packt Publishing

architecture icon AJAX,Javascript,Web Development


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

Course Description

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

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.</p> <p>

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

Audience :

This course is for modern web designers and web developers; anyone who wants to learn how to load JSON data and apply the contents to their web pages and learn more about making AJAX requests via JavaScript; JavaScript coders who want to learn more about AJAX; and individuals who want to learn more about JavaScript fetch and modern request methods. 


What will you learn in this course:

  • Create user-friendly interactive web applications
  • Learn to create responsive user interfaces
  • Applying JavaScript to create data driven web content
  • Learn to update parts of a web page, without reloading the whole page
  • Learn to use JSON data and JSON as JavaScript Objects within code
  • Apply modern JavaScript coding and use JSON data within web pages


What are the prerequisites for this course?

  • This course is for modern web designers and web developers
25+ Projects with AJAX, JavaScript, and JSON


Check out the detailed breakdown of what’s inside the course

Introduction to Getting Started with Objects and JSON Using JavaScript
13 Lectures
  • play icon Introduction to AJAX Course, How to Get JSON data and Update Page Elements 03:30 03:30
  • play icon Setup of the Development Environment and LiveServer Localhost Setup 08:48 08:48
  • play icon How JavaScript Arrays Work Coding Examples of JavaScript Arrays 13:31 13:31
  • play icon Code Example of JavaScript Objects How to Use JavaScript Objects 08:09 08:09
  • play icon How to Loop Through Objects, JavaScript Objects Looping and Use of Values 10:50 10:50
  • play icon JSON and JavaScript Objects Methods and Code Examples JSON Objects in JavaScript 10:11 10:11
  • play icon JavaScript JSON Methods, JSON Parse Stringify of String, and JavaScript Objects 09:30 09:30
  • play icon JavaScript DOM Manipulation and JavaScript DOM Element Creation Event Listeners 15:45 15:45
  • play icon Quick Review JavaScript Click Events and Page Interactions Within the DOM 20:55 20:55
  • play icon Project - Create a Dynamic List JSON LocalStorage List 14:42 14:42
  • play icon Project - Dynamic List with JSON JavaScript LocalStorage List Part 2 12:12 12:12
  • play icon Project - Building a Dynamic Interactive JSON List with JavaScript Part 3 17:34 17:34
  • play icon Project Final List Updates to Local and JSON Data List Items JavaScript Project 05:45 05:45
Section Simple JSON Endpoints Output to Web Page Content with JavaScript
17 Lectures
JSON AJAX JavaScript QUIZ Application
12 Lectures
Web APIs Practice Mini Applications with JavaScript JSON Data to Web Pages
12 Lectures
JavaScript JSON Post Data and Mini Applications to Practice Connecting to APIs
10 Lectures
Local JSON Server Node NPM JSON Data Create local Server for JSON Data Testing
4 Lectures
Contact Form Submissions with AJAX to Google Script
4 Lectures

Instructor Details

Packt Publishing

Packt Publishing

Founded in 2004 in Birmingham, UK, Packt's mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals.

Working towards that vision, we have published over 6,500 books and videos so far, providing IT professionals with the actionable knowledge they need to get the job done - whether that's specific learning on an emerging technology or optimizing key skills in more established tools.

As part of our mission, we have also awarded over $1,000,000 through our Open Source Project Royalty scheme, helping numerous projects become household names along the way.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us