Overview of JSON Basics

In this lesson, we explored the fundamentals of JSON (JavaScript Object Notation), its syntax, and its practical applications. Below is a detailed guide:

---

What is JSON?

1. JSON is a lightweight data-interchange format derived from JavaScript but used independently.
2. It is commonly used for transferring data between a server and a client.
3. JSON follows a strict syntax that ensures compatibility across systems and platforms.

---

Key JSON Rules and Structure

1. Basic Object Structure:

   • JSON represents data as key-value pairs.
   • Keys must be strings (enclosed in double quotes).
   • Values can be:
     • Strings: "value"
     • Numbers: 123
     • Booleans: true or false
     • Arrays: []
     • Objects: {}

   Example:

   {
       "name": "John Doe",
       "age": 30,
       "isStudent": false
   }
   

2. Nested Objects:

   • JSON allows nesting objects within objects.
     Example:

   {
       "person": {
           "name": "John",
           "attributes": {
               "height": "6ft",
               "eyeColor": "blue"
           }
       }
   }
   

3. Arrays in JSON:

   • Arrays can hold multiple values of different types. Example:

   {
       "colors": ["red", "green", "blue"]
   }
   

---

Common JSON Errors

1. Keys must always be strings enclosed in double quotes:

   • Correct: "key": "value"
   • Incorrect: key: "value"

2. Ensure proper commas between key-value pairs:

   • Correct:

     {
         "key1": "value1",
         "key2": "value2"
     }
     

   • Incorrect:

     {
         "key1": "value1"
         "key2": "value2"
     }
     

3. JSON does not allow trailing commas:

   • Correct:

     {
         "key1": "value1",
         "key2": "value2"
     }
     

   • Incorrect:

     {
         "key1": "value1",
         "key2": "value2",
     }
     

---

Next Steps

In the next lesson, we’ll explore how to integrate JSON files into your project using Webpack. Make sure your development environment is set up and your server is running before proceeding.