Differences

This shows you the differences between two versions of the page.

--- tanszek:oktatas:techcomm:syntax_graphs [2024/10/07 16:46] – knehez
+++ tanszek:oktatas:techcomm:syntax_graphs [2024/11/18 20:19] (current) – knehez
@@ Line 22: / Line 22: @@
 This shows how graphical representations can help understand and construct syntactically correct structures in programming languages.
+=== 2. Example: Syntax Graph of the JSON (JavaScript Object Notation) Data Exchange Format with Examples ===
+The JSON format is very important in modern information technology. By looking at examples and the syntax graph, we can understand its structure.
+=== Simple JSON Data ===
+<sxh json>
+{
+   {"title": "Poetry Collection", "author": "Name of the Poet"}
+}
+</sxh>
+This is an object that contains **name-value pairs** or **arrays**, combined in various ways. For example:
+<sxh json>
+{
+  "menu": {
+    "id": "file",
+    "value": "File",
+    "popup": {
+      "menuitem": [
+        {"value": "New", "onclick": "CreateNewDoc()"},
+        {"value": "Open", "onclick": "OpenDoc()"},
+        {"value": "Close", "onclick": "CloseDoc()"}
+      ]
+    }
+  }
+}
+</sxh>
+This example shows how JSON can be used to structure objects, where properties have values and methods. The syntax graph helps visualize the relationships between objects, arrays, and values.
+JSON object:
+{{:tanszek:oktatas:techcomm:pasted:20241007-164934.png}}
+JSON array:
+{{:tanszek:oktatas:techcomm:pasted:20241007-164944.png}}
+JSON types:
+{{:tanszek:oktatas:techcomm:pasted:20241007-165011.png}}
+JSON string:
+{{:tanszek:oktatas:techcomm:pasted:20241007-165025.png}}
+JSON number:
+For example: ''-0.123E+10'' or ''12.324''
+{{:tanszek:oktatas:techcomm:pasted:20241007-165120.png}}