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,907 students

Learn JSON for beginners with JavaScript

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

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
  • 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
  • Nested objects within Objects JSON4:17
  • 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
  • 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
  • Source Code0:07
  • Add content HTTP vs HTTPS2:18
  • ajax method get JSON data2:40
  • Source Code ajax0:06
  • Using different APIs to return JSON data7:46
  • JSON course conclusion4:37
  • 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