JSON Quick Introduction JSON Data JavaScript using JSON

Explore json concepts and how to use it with javascript in web applications, including extracting data and displaying thumbnails from the random user api.

Introduction to JSON shows how to use Brackets editor and JSON lint to validate and read JSON data, and explains JSON as JavaScript object notation.

Explore how to build and access JavaScript objects and JSON using dot and bracket notation, work with name-value pairs, update DOM content, and validate JSON formatting.

Explore the core data types of JSON, including strings, numbers, objects, arrays, booleans, and null, and learn how keys must be strings and how to update objects with bracket notation.

convert JavaScript objects to readable JSON strings using JSON.stringify and JSON.parse, output and update values in the page, and learn how to round-trip between objects and strings.

Learn how to use localStorage to save and read JSON objects with JSON.stringify and JSON.parse, and implement an incrementing counter that updates on page load.

Create and fetch a local JSON file using the fetch API, converting JSON into a JavaScript object to access and use its data in your web app.

Explore complex JSON objects and arrays by building a JSON file of friends, then fetch and render their first and last names on a web page.

Navigate nested json data in objects and use for each, for in, and other loops to output values from the friends array and their skills.

Master nested JSON data by parsing a JSON file, looping through friends' skills, and counting skill occurrences with a dynamic skill list, while logging results to the console in JavaScript.

Fetch data from the random user API and parse JSON to display user thumbnails on a web page. Iterate over data.results and render images using the picture.thumbnail path.