JSON - Quick Introduction to JSON Data JavaScript using JSON

JSON - Quick Introduction to JSON Data JavaScript using JSON

EXPLORE HOW you can use JSON data within you frontend applications JavaScript JSON - Quick Introduction to JSON Data

Intermediate (5/5 Ratings) 51 Students enrolled
Created by Joel Perez Last updated Wed, 15-Dec-2021 English

Description

What is JSON?

JSON is the acronym for JavaScript Object Notation. JSON is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. JSON is often used for serializing and transmitting structured data over a network connection.

What you'll learn?
  • What JSON data is and how to use it
  • Using JSON with JavaScript
  • JSON and how it works
Course overview

JSON Data JavaScript?

JSON is text, written with JavaScript object notation. Text is written in the same way as JavaScript object notation.

It is human-readable.

It is easily readable by machines.

It’s like XML, but was designed to be lightweight instead of verbose like XML.

It uses two-key words, unlike XML which uses three-key words.

It does not require start or end tags.

It allows the grouping of data into objects and arrays.

It is language-independent, with implementations in many programming languages.

JSON Data JavaScript? What are the Advantages?

Human-readable text format means it’s easy to read data from JSON files without getting too frustrated. It can be generated with JavaScript programs, so it’s very easy to use in client-side scripting for creating HTML form elements, client-side object models, etc. Has built-in mechanisms for handling objects with the same keys but different values (which XML does not have). Allows you to create hierarchical data structures, which you can’t do with XML (which only allows flat data structures, remember?). Can be generated on the fly without needing to create a whole new document first. This means applications can save bandwidth by generating only the information needed instead of downloading an entire document or page which contains all information upfront. Less error-prone than XML since it does not allow invalid markup unless you tell it to allow it (which you shouldn’t do). Portable – can be used directly in any programming language that supports its base syntax (e.g., no DOM manipulation required). It has a very low learning curve and it’s easy to use simple JSON files for simple things. Most web browsers support reading and writing JSON files natively (e.g., you don’t need a separate parser for this).

JSON Data JavaScript? What are the Disadvantages?

JSON is less verbose than XML, but it still requires more characters than simple key-value pairs used in some data formats. Unless you use JSON with JavaScript, it’s not clear how to deserialize JSON into something else (e.g., if you were to deserialize it into an object in Java, you wouldn’t know if the “name” property is the name of the object or its property). Doesn’t handle circular references very well (e.g., if you had two objects with references to each other, there would be no way to represent that in JSON). Since it does not require start or end tags, there is no way to specify that a value is an array or an object. Since JSON is often used for serializing and transmitting structured data over a network connection, if your network connection breaks your application may not be able to recover from it, since there is no standard way to signal when a JSON document ends. This is different from XML, where if the connection breaks in the middle of an XML document, the document will probably still be mostly valid. If your objects have circular references, then your data may not be compatible with other applications which expect flat data structures. Although most web browsers support reading and writing JSON files natively, not all do, so if you want to support older browsers or non-web browsers, you may need a separate parser for this.

What is JSON Data JavaScript? What are the Shortcomings of XML?

XML was designed for structured data storage and retrieval. It has mechanisms for defining lists and trees of data. However:

It doesn’t work very well for storing small amounts of information into individual objects. It can be verbose when used with small amounts of information into individual objects. XML uses terminologies that are not universally understood by everyone (e.g., what does “element” mean?). It can make simple data look unnecessarily complex. Some XML standards use a lot of unnecessary terminologies which make simple things look overly complicated.

Curriculum for this course
Expand All 11 Lessons 59 Min
Introduction to learning how to use JSON data in JavaScript
10 Lessons 59 Min
Requirements
  • JavaScript experience
  • HTML and CSS
  • Web development Experience
Other related courses
HTML Basic Tutorials for Beginners: Create website using HTML codes
HTML Basic Tutorials for Beginners: Create website using HTML codes
Updated Mon, 17-Aug-2020
5
50 Lessons 02 Hr 55 Min English
Learn Online How to Build Website Wireframe Design for Free
Learn Online How to Build Website Wireframe Design for Free
Updated Mon, 17-Aug-2020
5
15 Lessons 01 Hr 18 Min English
How to become an Entrepreneur? Master Business & Marketing
How to become an Entrepreneur? Master Business & Marketing
Updated Mon, 17-May-2021
5
50 Lessons 04 Hr 17 Min English
Technical SEO Optimization: How to Increase Website Speed?
Technical SEO Optimization: How to Increase Website Speed?
Updated Sat, 12-Sep-2020
5
27 Lessons 01 Hr 53 Min English
Learn Cloud Computing For Machine Learning 2020
Learn Cloud Computing For Machine Learning 2020
Updated Wed, 16-Sep-2020
5
37 Lessons 04 Hr 01 Min English
Complete WordPress for eCommerce: Create Online Store
Complete WordPress for eCommerce: Create Online Store
Updated Thu, 01-Apr-2021
5
13 Lessons 01 Hr 09 Min English
Make Money With WordPress Plugin Business (No WordPress Plugin Coding)
Make Money With WordPress Plugin Business (No WordPress Plugin Coding)
Updated Thu, 14-Oct-2021
5
16 Lessons 01 Hr 11 Min English
Learn JavaScript for beginners
Learn JavaScript for beginners
Updated Thu, 01-Apr-2021
5
20 Lessons 01 Hr 30 Min English
How to Setup a Localhost Web Server for Web Development?
How to Setup a Localhost Web Server for Web Development?
Updated Wed, 15-Dec-2021
5
32 Lessons 02 Hr 39 Min English
Getting Started with Google Sites Easy website setup
Getting Started with Google Sites Easy website setup
Updated Thu, 01-Apr-2021
5
12 Lessons 46 Min English
About the instructor
  • 154 Reviews
  • 5388 Students
  • 74 Courses
+ View more
Premium Instructor at Appy Pie Academy
VP, On-boarding at Appy Pie, Joel has extensive experience in teaching and imparting training to students of all ages, particularly kids. He has a cumulative experience of over 15 years in IT, customer support, & technical support. With strong analytical skills & a broad range of computer expertise, he is great with project management tools, processes, and techniques. Fluent in Spanish & English, Joel is great at cultivating positive relationships with clients and colleagues and is particularly adept at communicating with individuals from diverse cultural and organizational backgrounds with clarity and diplomacy. He is a happy owner of a Boston Terrier - Koko with whom he loves to go on hikes.
Student feedback
5
Average rating
  • 100%
  • 0%
  • 0%
  • 0%
  • 0%
$100 $0
Get enrolled for Free

(No credit card required)

Includes:
  • 59 Min On demand videos
  • 11 Lessons
  • Full lifetime access
  • Access on mobile and tv