Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn JSON for beginners with JavaScript
Rating: 4.5 out of 5(308 ratings)
19,993 students

Learn JSON for beginners with JavaScript

Beginners Guide to Exploring JSON datawith JavaScript.
Created byLaurence Svekis
Last updated 11/2024
English
English [Auto],

What you'll learn

  • Using JSON data
  • AJAX and connecting to API to retrieve JSON data

Course content

2 sections • 25 lectures • 1h 24m total length

  • JSON course Introduction4:27

    Learn what JSON is and how to use it with JavaScript and Ajax to transfer API data in web applications. Compare JSON with XML and explore hands-on code.

  • JSON tools and resources7:03

    Learn json basics with javascript by using chrome dev tools console, brackets editor, and online resources such as Code Pink and json formatters to validate and format data.

  • JSON objects vs JavaScript Objects8:17

    Compare JSON objects and JavaScript objects, noting quotes, arrays, and data types, while learning to format JSON and access values with dot notation.

  • Output JSON JavaScript objects4:14

    Learn how to format javascript objects as valid json with proper double quotes, output dynamic content using bracket notation, and safely concatenate variables to build brands.

  • Source Code0:03
  • Multiple Array Object JSON data4:07

    Learn how json data organizes as an array of objects with multiple items under value and nested arrays like categories, and how to access id, jokes, and type.

  • Nested objects within Objects JSON4:17

    Learn to nest objects inside objects in JSON, modeling people with name, age, and location, without arrays, and use inner objects and paths to access values.

  • Source Code Examples0:14
  • JSON parse use string as object3:05

    Learn to convert a JSON string to a JavaScript object with JSON.parse, handling whitespace and accessing properties like person 1 after parsing.

  • JSON stringify turn into a string value3:51
  • Source Code Example0:05
  • Example use case for JSON parse and JSON stringify11:20

    Explore json parse and json stringify in JavaScript to manage data stored in session storage. See a practical example that updates, saves, and reloads values on page load.

  • Source Example0:12
  • Loop Object JSON content output to HTML5:50

    Learn to loop through a json object, extract the value array, and dynamically output jokes into html containers using JavaScript.

  • Source Code1:37
  • get JSON with jQuery simple api data loading into HTML7:25

    Learn to use Ajax with jQuery to fetch JSON data from an API and inject it into HTML without page reloads, wrapping code in document ready and iterating through items.

  • Source Code0:07
  • Add content HTTP vs HTTPS2:18

    Explore how to load JSON data with JavaScript using AJAX, integrate CodePen, and ensure HTTP and HTTPS protocol compatibility for secure, reliable web content.

  • ajax method get JSON data2:40

    Fetch json data with jQuery ajax by setting url, type, data, and dataType as json. Compare get json and post calls and use success callbacks to handle the returned json.

  • Source Code ajax0:06
  • Using different APIs to return JSON data7:46

    Explore how to use multiple APIs to return JSON data, handle authentication and developer accounts, and parse nested JSON objects for use in web applications.

  • JSON course conclusion4:37

    Wrap up by comparing JavaScript objects to json, using json formatting tools and editors like myjson and codepen, and practicing ajax data retrieval with json in web apps.

  • Course Resources and Links0:03

Requirements

  • Javascript
  • HTML and CSS
  • jQuery
  • Some web programming knowledge

Description

JSON is short for JavaScript Object Notation.  The natural choice of data format for JavaScript.

It allows you to easily store and exchange data.  JSON is the ideal way to exchange data between a browser and server.  JSON can be used as a text string and then converted in usable JavaScript objects easily.  

JSON and JavaScript objects make it easy to work with data, save data and send data!

Send and receive your application data as  JSON.  

JSON is used EVERYWHERE, learning about JSON is important if you want to connect to web apis, transfer data and retrieve data in a simple straight forward format.

  • Explore JSON and JavaScript objects
  • Output JSON into JavaScript
  • Multiple Arrays and Objects in JSON
  • Nested Objects and retrieving data from more complex data objects
  • parse string into object and convert objects into strings
  • save to session storage as one string value
  • loop through and output JSON data content
  • Connect to JSON via AJAX
  • use AJAX to get JSON data from an API
  • More complex API data

Source Code is included to get you started quickly with JSON

Top links and resources 

Taught by an instructor with over 18 years of Web development experience

I'm ready to help you learn more about JSON and happy to answer any questions you may have.

Join now and start learning how to use JSON in JavaScript.


Who this course is for:

  • Anyone who wants to learn about JSON
  • Web developers
  • Web application developers

Report abuse