Learn JSON with JavaScript Objects and APIs in 1 hour

Name: Learn JSON with JavaScript Objects and APIs in 1 hour
Rating: 4.2 (226 reviews)

Guide to learning how to use JavaScript Objects and create and use JSON as a JavaScript Object

Created byLaurence Svekis

Last updated 11/2024

English

English [Auto],

What you'll learn

Connect to APIs and retrieve JSON data
Parse JSON data from Strings
Be able to work with JavaScript Objects
Understand how JavaScript Arrays work
Create JSON object arrays

Course content

3 sections • 21 lectures • 1h 25m total length

JSON API introduction2:52
Explore how to work with json data using javascript objects and arrays, parse and access items, and fetch data from external files and apis via ajax for dynamic web pages.
Resources for working with JSON4:13
Explore tools and resources for working with JSON and JavaScript objects and APIs, including editors, local servers, dev tools, and online validators for creating and validating JSON data.
Creating JSON Data5:30
Create JSON data by building a JavaScript object, output it with console log, and render it in the DOM while exploring JSON structure, keys, and data types.
Storing mulitple objects in array object3:13
Learn to store multiple objects in an array within a json structure, creating a people array with first names, last names, and ages, and access or update data efficiently.
Convert to String and Parse JSON4:07
Learn how to update and expand JavaScript objects by adding new properties, convert objects to strings with stringify for storage, and parse strings back into objects for easy data interaction.
Storing JSON as String to retrieve and parse when needed4:18
Learn how to store a JavaScript object in session storage by stringifying it, then retrieve and parse it back into an object.
Source Code0:07
JavaScript Arrays and JSON8:07
Explore how JavaScript arrays relate to objects and JSON, create and index arrays with numeric and named keys, stringify and parse them, and observe how nulls and named values behave.
JavaScript Loops Dynamic Object Names6:35
Create a friends object as an array of objects, loop through it in JavaScript, and access dynamic properties to log first and last names from JSON data.
Source Code Dynamic Object Names0:08

Use AJAX to get JSON data into JavaScript5:47
Learn to perform ajax calls to fetch json data into JavaScript, trigger the request with a button, and parse the response to access first names.
Loop each item in JSON5:14
Loop through data.people with the each function to retrieve person objects via Ajax, then access keys like first name, last name, and age to format output.
Source Code AJAX JSON0:06
Access Joke API get JSON response5:49
Fetch JSON from a joke API, parse the response, and display a new random joke on each button click using a simple JavaScript interface.
Source Code API access0:08
Getting API data7:35
Access a different API to fetch JSON data, inspect the root object, loop through the data array, and extract description, slug, name, and pictures with dot and bracket notation.
Source Code APIs0:09
Create your own JSON connection to an API2:45
Create a json connection to an api using javascript, pulling data into a webpage from local or online sources, and experimenting with different api queries.
JSON API Resources0:03

Requirements

Basic JavaScript/jQuery
Understanding of web development
Desire to learn about JSON and APIs

Description

JSON is the most popular format for data exchange between applications. If you are interested in connected to a web API chances are its JSON formatted.

Explore how JSON works and how to access the data contained within the JSON output. This course shows you how to work with JSON formatted data, output content, loop JSON data, Parse JSON and a whole lot more.

JSON (JavaScript Object Notation) is a syntax for data. JSON is easier to use than XML and human readable. Most modern web APIs output data in JSON formats.

Within this course you will learn

What JavaScript objects are and how to create them
How JavaScript objects can use Arrays to hold multiple items
How JavaScript arrays work and store data
See how data can be extracted out
Explore different methods of working with the JSON data stringify and parsing
Store and retrieve JSON data from storage
Use AJAX to retrieve external JSON data for use within JavaScript
Connect to various web APIs and output the response data into your web pages
All of the source code and resources are in included
Get started with JSON quickly

Understanding the basics of JavaScript and how to create websites is a prerequisites to this course. It covers working within JavaScript code to produce dynamic functionality.

For an instructor with over 18 years of real world web development experience. Learning how to work with JSON is a key skill within modern web development. JSON and APIs are everywhere, once you start working with them you will be amazed at what can be done with a few lines of code.

I'm here to help you learn about JSON and ready to answer any questions you may have. Join now and bring some JSON data into you web applications today.

Who this course is for:

Web developers
anyone interested in JSON
Anyone working with APIs
Front end applications developers
Anyone who wants to access web APIs

Learn JSON with JavaScript Objects and APIs in 1 hour

What you'll learn

Explore related topics

Course content

Introduction to JSON data and working with APIs10 lectures • 39min

Use AJAX to load JSON file data9 lectures • 28min

Bonus Section2 lectures • 19min

Requirements

Description

Who this course is for: