JSON Essentials: A Beginner's guide

Sudip Shrestha — Sat, 06 Apr 2024 17:41:27 +0000

JSON stands for Javascript object notation. It is a lightweight text format for storing and transporting data.
It is easy for humans to read and write. It is easy for machines to parse and generate.

{
  "squadName": "Super hero squad",
  "formed": 2016,
  "active": true,
  "members": [
    {
      "name": "Molecule Man",
      "age": 29,
      "powers": ["Radiation resistance", "Turning tiny", "Radiation blast"]
    },
  ]
}

History of JSON

Douglas Crockford originally specified the JSON format in the early 2000s. He and Chip Morningstar sent the first JSON message in April 2001.

Before JSON

Before JSON was introduced, data is transported in XML format. Above JSON can be written in XML as

<superHeroSquad>
  <squadName>Super hero squad</squadName>
  <formed>2016</formed>
  <active>true</active>
  <members>
    <member>
      <name>Molecule Man</name>
      <age>29</age>
      <powers>
        <power>Radiation resistance</power>
        <power>Turning tiny</power>
        <power>Radiation blast</power>
      </powers>
    </member>
  </members>
</superHeroSquad>

JSON

JSON is a data representation format based on the subset of the Javascript Programming Language Standard ECMA-262 3rd Edition.

When sending JSON data over a network, it is serialized into a string format, which can then be transmitted using various protocols such as HTTP, WebSocket, or others. Upon receiving the JSON string, the recipient can deserialize it back into a data object in their programming language of choice for processing. JSON filenames use the extension .json.

JSON structure

A collection of name/value pairs: In various languages, this is realized as an object, record, struct, dictionary, hash table, keyed list, or associative array.
An ordered list of values: In most languages, this is realized as an array, vector, list, or sequence

JSON Syntax Rules

Data is in name/value pairs
Data is separated by commas
Curly braces hold objects
Square brackets hold arrays

Arrays as JSON

We can also convert arrays to/from JSON. Below is also valid JSON, for example:

[
  {
    "name": "Molecule Man",
    "age": 29,
    "powers": ["Radiation resistance", "Turning tiny", "Radiation blast"]
  },
]

Advantage of JSON

self describing and easy to understand
programming language independent
Its syntax is very small, easy, and light-weighted that’s the reason it executes and responds in a faster way.
It has a wide range for browser support compatibility with the operating systems. It doesn’t require much effort to make it all browser compatible.

Disadvantages of JSON

There is no error handling in JSON. If there was a slight mistake in the script then you will not get the structured data.
It has limited supported tools that we can use during the development.

Deep Linking

Sudip Shrestha — Thu, 28 Mar 2024 04:38:37 +0000

When we talk about deep linking for mobile app, it means creating a specific URL to open a mobile application. It separate into two formats:

A custom URL scheme that your app registers: scheme://videos
A universal link that opens your app from a registered domain: mydomain.com/videos

Deep Linking is a technique in which a given URL or resource is used to open a specific page or screen on mobile. This particular screen may reside under a series of hierarchical pages, hence the term "deep" in deep linking.
Deep linking and universal links are the gateways into your application.

DEV Community: Sudip Shrestha