A reading that defines JSON (JavaScript Object Notation) as a lightweight, plain-text format for representing structured data, explaining its origins, its role in web data interchange, and why it is widely adopted, giving learners a conceptual foundation before working with JSON in code.
Topics
This module covers 7 topics. Open a topic to see its subtopics.
Module Content
16 items.
-
-
A reading that explains JSON's syntax rules and structural elements — objects, arrays, key-value pairs, and supported data types — so learners understand how well-formed JSON is written and can read or author valid JSON documents.
-
A reading that covers how to use JSON.parse() to convert a JSON string received from a server or API into a usable JavaScript object, including common pitfalls and error handling, so learners can work with incoming JSON data in their applications.
-
A reading that explains how to use JSON.stringify() to convert in-memory JavaScript objects into JSON-formatted strings for sending over a network, saving to storage, or sharing with external systems, including options for formatting output.
-
A reading that teaches learners how to use the browser's Fetch API to make HTTP requests and retrieve JSON data from servers or public APIs, covering the promise-based workflow, response parsing, and error handling in a modern JavaScript context.
-
A reading that introduces XMLHttpRequest (XHR) as the legacy browser mechanism for making asynchronous HTTP requests to fetch JSON data, explaining its event-driven workflow so learners understand how older codebases and pre-Fetch environments handle JSON retrieval.
-
A reading that walks learners through the process of taking parsed JSON data and dynamically rendering it into a web page using DOM manipulation techniques, bridging the gap between raw data and a visible, user-facing interface.
-
A reading that walks learners through the process of taking parsed JSON data and dynamically rendering it into a web page using DOM manipulation techniques, bridging the gap between raw data and a visible, user-facing interface.
-
An introductory reading that defines JSON as a lightweight, language-independent text format derived from JavaScript object literals and explains why servers, browsers, and APIs use it to exchange data, giving learners the conceptual foundation for the rest of the module.
-
A reference lesson detailing JSON's syntax rules and structure — objects, arrays, key/value pairs, permitted data types, and quoting conventions — that learners consult when writing or validating well-formed JSON documents.
-
A tutorial on using JSON.parse() to convert incoming JSON strings from APIs, configuration files, or browser storage into usable JavaScript objects, arrays, and primitives, which learners follow to practice reading data into their scripts.
-
A lesson on JSON.stringify() and serializing JavaScript values into JSON text for sending in request bodies, saving to localStorage, or logging, used by learners to practice converting in-memory objects back into transmittable strings.
-
A walkthrough of the promise-based Fetch API showing how to request JSON from a server, handle the response, and build page content from the returned data, used by learners to practice modern asynchronous data retrieval.
-
A lesson covering the older XMLHttpRequest object — creating, opening, sending, and handling responses for JSON requests without reloading the page — so learners can read and maintain legacy AJAX code alongside Fetch.
-
A hands-on topic explaining how to take parsed JSON data and render it into the page by selecting a container element and generating HTML, used by learners to complete the fetch-to-display workflow.
-
A consolidated module overview that compiles all seven topics — JSON basics, syntax, parsing, stringifying, Fetch, XMLHttpRequest, and displaying data — into a single document for review or printing.