Tutorialspoint

#May Motivation Use code MAY10 for extra 10% off

25+ Projects with AJAX, JavaScript, and JSON

person icon Packt Publishing

4.6

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 May, 2024

language icon Language - English

person icon Packt Publishing

English [CC]

category icon AJAX,Javascript,Web Development

Lectures -72

Duration -20.5 hours

4.6

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point 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. 

Goals

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

Prerequisites

What are the prerequisites for this course?

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

Curriculum

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
Tutorialspoint
JSON AJAX JavaScript QUIZ Application
12 Lectures
Tutorialspoint
Web APIs Practice Mini Applications with JavaScript JSON Data to Web Pages
12 Lectures
Tutorialspoint
JavaScript JSON Post Data and Mini Applications to Practice Connecting to APIs
10 Lectures
Tutorialspoint
Local JSON Server Node NPM JSON Data Create local Server for JSON Data Testing
4 Lectures
Tutorialspoint
Contact Form Submissions with AJAX to Google Script
4 Lectures
Tutorialspoint

Instructor Details

Packt Publishing

Packt Publishing

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

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
Annual Membership

Online Certifications

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

Explore Now
Online Certifications

Talk to us

1800-202-0515